Drive inclusivity: 15 tips to make eStore accessible for people with disabilities

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. 

 

Forms

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.

 

Links

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!