All customers need care, but some of them need a special one.
According to WHO, almost 13 people out of 100 live with disabilities. Is your eCommerce store friendly enough to them?
Check out our article to explore tips that ease online shopping for visually, hearing, or motor impaired users.
Texts and images
1) Make texts and images enlargeable
In this way, people with poor sight can reach proper readability.
2) Add Alt Text to images
Screen readers will read it so blind people can understand what is depicted.
3) Use contrast colors for texts and background
This is going to improve readability for users with poor eyesight. Recommended contrast ratio:
- normal text: ≥4.5:1
- large text: ≥3:1
4) Avoid rendering text within images
It will be unavailable for blind users: screen readers cannot scan text that is part of the picture.
5) Avoid using tables
Screen readers often read the tables out of the sequential order, which may create confusion for visually impaired people. To prevent this, you may arrange web pages using CSS. Thus, the content and its order will be more clear for screen readers.
6) Use labels instead of placeholders
Placeholders are less readable as they are usually low-contrasted (e.g. grey).
7) For each field, provide examples of values and format they require
With them, blind people will be more likely to fill the fields from the first attempt, not wasting time on trial and error.
8) Provide instructions at the beginning of each page with input forms
This will highlight that page requires input, and make the filling process more clear.
Navigation and input
9) Ensure you webstore allows navigation and input with keyboard only
This feature will enable people, who cannot use a mouse, to explore your eStore without restrictions.
10) Write descriptive headings, and place them sequentially
Heading that are logically-arranged and fully reflect the content of the page will ease navigation for blind people.
Audio and video
11) Provide an audio description and sign language version for videos
Thus, hearing and visually impaired users will be able to comprehend the videos.
12) Add transcripts for audio
Deaf people will use them.
13) Color and underline links
Color-blind people and those who have poor sight will distinguish them with less effort.
14) Make clickable elements (links, anchor text, CTA’s, widgets, menus, dialog boxes, etc) large
This will be helpful for people with limited motor skills, as requires less precision when clicking.
15) Write descriptive URLs
They help screen readers pick related content.
Are you seeking to enhance your eShop accessibility? Get assistance from our experts!