- by Charlotte Swart
- 0 Comments
- Article
- 20 January 2023
Identifying and fixing accessibility issues can be a daunting task for developers and designers. Fortunately, there are a many tools available to help with this process. These are the (free!) tools we are using when evaluating your website or app.
Web
Most of accessibility testing is done manually. There are tools that can help you with that. There are also automatic tools to supplement manual testing.
Accessibility Insights: The extension for Chrome and Edge guides you well in testing your website. It does both automated testing and guides you in manual testing, explaining each step. They also offer a desktop app for Windows apps.
aXe browser plugin: This automated accessibility plugin analyzes web pages for accessibility issues and generates a report that can be used to fix them.
-
WAVE: This web accessibility evaluation tool provides visual feedback on web pages to indicate accessibility issues. It highlights errors, alerts, and structural elements, and includes a toolbar for easy navigation.
Colour Contrast Analyser (CCA): download this tool and use the color picker anywhere on your screen to see if contrast is sufficient.
Use a screen reader
Testing with screen readers is absolutely necessary when evaluating the accessibility of your website or desktop application. This survey by WebAIM shows which types of screen readers are most used, and also which operating system and browsers are most popular.
For Windows, we recommend downloading NVDA. It is free and supports many languages.
iOS users have VoiceOver built in.
Do you want to learn how to test with screenreaders? WebAIM answers the most common questions about screenreader testing in this post. They also have a guide on how to start using VoiceOver.
App
App testing is almost entirely done using a screen reader. Android has TalkBack built in and iOS users have VoiceOver. The Appt Foundation has an extensive guide on how to test apps with and without a screen reader.