Blind and Visually Impaired Community
↑
8
↓
Question about improving online checkout for blind users (self.Blind)
submitted by EyeAmADeveloper
Hi,
I am a developer looking at potential ways to improve the accessibility of an online checkout for blind users. We are already compliant with at least WCAG level A but am wondering whether there is something more that blind users would like done. What would be your ideal checkout experience?
During the checkout process customers may need to enter their billing, delivery and credit card details.
I am a developer looking at potential ways to improve the accessibility of an online checkout for blind users. We are already compliant with at least WCAG level A but am wondering whether there is something more that blind users would like done. What would be your ideal checkout experience?
During the checkout process customers may need to enter their billing, delivery and credit card details.
pants_party 2 points 5y ago
I have issues with contrast, so large, bold lettering is very helpful for me. Also, a zoom feature for products, or just being able to pinch zoom the page on iOS is also helpful.
EyeAmADeveloper [OP] 1 points 5y ago
I just tested this and looks like you can't pinch to zoom in iOS. I also checked Firefox and Chrome on Android and it appears that you can't zoom in unless you've enabled the "force always allow zoom" option in the settings. I'll have to look into why it was disabled.
bradley22 1 points 5y ago
Did you go to the accessibility settings on the IPhone and turn on the zoom feature?
EyeAmADeveloper [OP] 1 points 5y ago
I hadn't, no. Just tried it, thought it was more difficult than being able to zoom in the webpage. What do people typically think of this iPhone feature?
bradley22 1 points 5y ago
I'm blind so don't use the feature.
bradley22 2 points 5y ago
I'd recommend making it so that the card is saved on the website for the user. If a user has to enter anything, please make sure the correct tag is used and that the fields all have the correct label assigned to them. Also you may want to look into aria. This would allow the blind user to know that an item has been removed from their shopping basket, for example, by showing them a message like this; alert, bananas have been removed from your basket. Also shortcuts would be nice. How about something like alt shift a for ad, and alt shift r for remove? When you press this shortcut, an aria message would show up saying alert, bananas have been added to your basket. Or to make things even quicker. Alert. bananas added.
EyeAmADeveloper [OP] 1 points 5y ago
Thanks,
> I'd recommend making it so that the card is saved on the website for the user.
We do have the option to save card details in which case the customer is presented with a review of their details which they then have the choice of editing before completing the payment.
> If a user has to enter anything, please make sure the correct tag is used and that the fields all have the correct label assigned to them. Also you may want to look into aria. ...
We have tried to ensure that every input has the correct label assigned; we make use of ARIA tags such as aria-required for required fields and aria-labelledby/aria-description for certain fields which share a visible label such as the card expiry date which has both a month and a year dropdown. By the time the customer has reached the payment stage their items and total amount will have been confirmed, it's really just entering information into forms and clicking next/back.
> I'd recommend making it so that the card is saved on the website for the user.
We do have the option to save card details in which case the customer is presented with a review of their details which they then have the choice of editing before completing the payment.
> If a user has to enter anything, please make sure the correct tag is used and that the fields all have the correct label assigned to them. Also you may want to look into aria. ...
We have tried to ensure that every input has the correct label assigned; we make use of ARIA tags such as aria-required for required fields and aria-labelledby/aria-description for certain fields which share a visible label such as the card expiry date which has both a month and a year dropdown. By the time the customer has reached the payment stage their items and total amount will have been confirmed, it's really just entering information into forms and clicking next/back.
manamachine 1 points 5y ago
> the card is saved on the website for the user
Question: how have you found Google's Chrome auto-population for this? Is it accessible enough?
And any guides for audio alerts? You shouldn't need to tab every field to get responses to actions.
Question: how have you found Google's Chrome auto-population for this? Is it accessible enough?
And any guides for audio alerts? You shouldn't need to tab every field to get responses to actions.
EyeAmADeveloper [OP] 1 points 5y ago
I'm interested in hearing the answer to this since it's something we don't currently support.
hopesthoughts 1 points 5y ago
I find most online checkout to be fine. Of course there can be strange issues like waiting forever for the site to verify my address etc but other than that it seems to work well for me 99.99% of the time.
EyeAmADeveloper [OP] 1 points 5y ago
What about 3D Secure (Verified by Visa, Mastercard SecureCode etc.)?
hopesthoughts 1 points 5y ago
I'm not exactly sure what you mean. I've never had to verify my card number using "3D secure," or anything like that.
EyeAmADeveloper [OP] 1 points 5y ago
It's very common in Europe, less so in the US; after entering your card details you're redirected your bank's website where you'll be asked to provide e.g. the 2nd, 7th and 11th characters of your password or more recently banks have started texting you a one-time use code which you have to enter before you can complete payment.
This nonprofit website is run by volunteers.
Please contribute if you can. Thank you!
Our mission is to provide everyone with access to large-
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
©2023 HumbleCat Inc • HumbleCat is a 501(c)3 nonprofit based in Michigan, USA.