Welcome to Accessibility for Developers
Beginners guide to ARIA
January 3, 2022Intro to ARIA ARIA is a specification that defines how we should design interactive features on websites, and describes how to make them…
What are the WCAG guidelines for accessibility, and what ones should you use?
January 3, 2022Table of contents What are the WCAG guidelines? What are the different versions of WCAG? WCAG 1.0 WCAG 2.0 WCAG 2.1 What is planned for…
Who does accessibility affect?
January 2, 2022Accessibility affects almost everyone. Although we often think of accessibility as something that affects people with major disabilities…
What are skip links and why they are important for accessibility
January 1, 2022Add 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, 2022Audio 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, 2022Users 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, 2022Users 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, 2022Avoid 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, 2022Ensure 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, 2022If 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, 2022You 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, 2022Ensure 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, 2022Anchor 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…
Automated accessibility tools
January 1, 2022I think there are a few ways to check the accessibility on a site. One of those is definitely automated tools. There are some drawbacks…
Guide to web accessibility for newbies!
September 6, 2017Accessibility is very important. If you make a site or application accessible then it means anyone can use it on any device. An inaccessible…
Examples of accessibility issues
September 6, 2017Table of contents Incorrect alt tags No visual indicator for currently focused item Bad colour contrast Incorrect alt tags Alt tags are used…
Why accessibility is important
August 28, 2016Web accessibility is very important - but often overlooked. Now we have had the internet for several decades we know very well how to make…
Hello World
May 1, 2015Hello, welcome to Accessibility for Developers. This is a free site aimed at giving straight forward guides on how to make your websites and…
Use alt text on images for accessibility
May 1, 2015Alt text is the alternative text given to images. It is probably one of the first accessibility related things that website developers learn…