How I do an accessibility check — A11ycasts #11

Video News
Today on A11ycasts I want to give a brief look into the process I use when I’m checking a site for accessibility. This is by no means an exhaustive audit that I’m doing here, but instead a set of quick checks that you can use to highlight any big problem areas. I’ve found that most sites tend to have issues with at least a few of these checks, and it only takes a few minutes to do it so it’s totally worth it for the improved user experience!

Some of the things I look for are:
– Does the tab order make sense and can I reach all controls on the page?
– Is there a clear focus indicator for interactive controls?
– Are there any offscreen elements which should not be focusable?
– Can I traverse the page with a screen reader without getting stuck?
– Is there appropriate alt text on images?
– Do custom controls work with a screen reader?
– Is the user alerted to new content added to the page?
– Are there appropriate headings?
– What about landmark elements?
– Is text high contrast enough to be legible?

And here are some of the tools I like to use:
– Chrome aXe extension: https://goo.gl/67Bm24
– Chrome accessibility devtools extension: https://goo.gl/DvAxi2
– aXe-core: https://github.com/dequelabs/axe-core

Sidenote: at 5:18, not sure why the video didn’t announce the different sizes but I tried again later and it was working. Maybe a VoiceOver quirk.

Watch all A11ycasts episodes: https://goo.gl/06qEUW

Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf

Products You May Like

Articles You May Like

Microsoft Copilot Can Be Set As Default Assistant App on Android, Suggests Leak
Sony Brings Passkey Support on PlayStation for Secure Access: Here’s How to Activate
Adobe Announces Project Music GenAI Control, an Experimental AI-Based Music Generation Tool
Qualcomm Unveils On-Device Generative AI Features for Android Smartphones at MWC 2024
Energizer Hard Case P28K Phone With 28,000mAh Battery Showcased at MWC 2024

Leave a Reply

Your email address will not be published. Required fields are marked *