Why do it
Visually impaired and blind people use screen readers to surf the web. Some people want to hear information as well as read it.
What to do
- Windows 10: Start > Settings > Ease of Access > toggle the Narrator feature ON. See Hear text read aloud with Narrator for more details.
- Mac OS: activate VoiceOver: ⌘ F5, or turn on from System Preferences > Accessibility. See WebAIM’s article on VoiceOver for more details.
- iOS: activate VoiceOver: Settings > General > Accessibility. See WebAIM’s article on VoiceOver for more details.
- Android: activate TalkBack: Settings > Accessibility. See Turn on TalkBack for more details.
Things to check
- Does the order that the content is read out in make sense? Note any issues.
- Does image
alttext that’s read out make sense? Does it convey the same information as the image?
- Are the correct HTML elements are used for navigation, lists, headings, and so on?
Things you could change
- Use correct headings and HTML structure to make your site navigable.
- Make sure important calls to action contain text - not just images.
- Use descriptive image
- Keep decorative images and irrelevant, hidden content silent in screen readers.