Accessibility tools
A resource of some online tools and guidance for making accessible applications.
How to use this component
Screen readers
It is useful to use screen readers whilst developing your application to see how well the application performs using keyboard navigation only and audible hints.
Windows Narrator (Search for narator in start menu)
Vox Chrome screen reader extension.
For a basic implementation you can use the tab key to move between components on a web page. Hold Shift + tab to move backwards.
For more advanced controls see using windows narrator
If using voiceover on a mobile phone, you can swipe left or right on anywhere on the screen to move between components.
Colour contrast
We use webaim colour contrast checker to see if a colour is acceptible to use.
ARIA guidance
Useful guidance on all of the Aria tags to help make an application more accessible for screen readers.
Some particular useful tags are aria-label and aria-lebelledby to provide extra context for screen readers only.
