How to make your website accessible for everyone

Last modified date

Do you know how blind people or people with vision impairment access your website?

People with vision impairments use screen readers to access computers, tablets and phones. Screen readers convert text on the screen to an understandable format for users to read.

Users can also navigate and run commands by using some shortcut keys or touch gestures.

Here are a few things that we can do to make your website more accessible for blind people and people with vision impairments.

Properly label your links and buttons: Add a label to your buttons and links that will tell users what that link or button does. e.g. adding a label to click here to contact us page link is of no use. But “click here to contact our customer service” or “contact our customer service” or “click here to reach out to us” may be useful.

Add proper alt text/description to your images: Adding the alt text of a photo, graphic or picture is not helpful, but add a clear description of the image.

Use headings properly: Screen readers use HTML headings ( h1,h2,h3, etc.) tags to define the logical structure of your content. Screen readers use your headings to prioritise your content and navigate accordingly. Use headings to organise your content, and use them wisely, to follow a proper hierarchy.

Properly label your form elements: Labels for the form elements should be able to specify the function of that particular field. For example, labelling a search box as input is not helpful. Add an audio option to your captcha input.

Stop auto-playing audio or videos: When your webpage autoplay audio or video advertisements, your users might not be able to listen to the screen reader. The problem gets worse when you use improper labelling on your buttons to pause, play or close the audio or video.

If you have to play, make it easy and accessible to close, pause or play the audio or video or keep it on mute initially.

Is your website accessible to everyone? Can blind people or people with visual impairments be able to navigate through your website?

Hey there, my name is Rajesh, and I'm a Javascript developer ( currently working with Vue and Nuxt) working full time at a job I love. I have been a full-stack developer for several years and have worked on complex backend and database stuff in the past. I am now more focused on the frontend, UI/UX and web accessibility. I am very new to writing content, but I want to write more so I can help students and budding developers start their dream careers.