A11y issues

Articles and tips about specific accessibility issues and how to resolve them

What are skip links and why they are important for accessibility

January 1, 2022

Add skip links so keyboard users can easily go straight to the main content, avoiding having to tab through all of the navigation or header…

Add captions and transcripts

January 1, 2022

Audio transcripts should be provided for audio content, so that deaf people can still access the content This means you should have a…

Allow disabling of motion or animation

January 1, 2022

Users that are prone to seizures or motion sickness may need to disable animation or motion. Add an option for users to disable this. This…

Avoid keyboard traps

January 1, 2022

Users should be able to ‘tab’ through elements in your site without getting ‘trapped’ on an element. A common issue that you see this on is…

Avoid text in images

January 1, 2022

Avoid putting text in images. If there is text in images, ensure you have a text based alternative. Screen readers will not be able to read…

Ensure you have clear focus and hover states

January 1, 2022

Ensure that you have clear focus and hover states, so people know when they are hovering over an element or have it focused. Table of…

Support keyboard only access

January 1, 2022

If you can make your site usable with just a keyboard then it is likely that other assistive input devices can also use your site so you…

Avoid using colour alone to convey information

January 1, 2022

You should not rely on colour alone to convey information, as not everyone can see the difference between colours. Table of contents…

Use high contrast

January 1, 2022

Ensure that the colour selection for text and their background colours have a high enough contrast ratio. Table of contents Why should we…

Use descriptive link anchor texts

January 1, 2022

Anchor text and the text on buttons should be descriptive. This is so people know what they are clicking on. Table of contents How to add…

Use alt text on images for accessibility

May 1, 2015

Alt text is the alternative text given to images. It is probably one of the first accessibility related things that website developers learn…

Want to see more? This is just a list of posts in my issues category. You can find more elsewhere on this site.

See all categories

Welcome to Accessibility for Developers

New to accessibility?

Accessibility for Developers

This is a free site to give advice on how to make your website accessible

I have been a software developer for nearly a couple of decades, and really want to help promote better accessibility in apps and websites that we, as developers, create! Accessibility isn't very difficult, it is just important to be aware about it and understand it.

If you spot any mistakes or have any suggestions, ideas or collaborations please check out my contact page.

Important: The information on this website is for general informational purposes only. I make no representation or warranty, express or implied. Your use of the site is solely at your own risk. I've tried my best to make sure all information is accurate, but I am just a software engineer (not an accessibility expert).