What Screen reader means
Screen readers depend on real headings, labeled form fields, alt text and meaningful link text. Testing with one, such as VoiceOver or NVDA, reveals problems automated checkers miss.
Why it matters for your website
People who are blind or have low vision use screen readers to browse, shop and contact businesses. If your site isn't built with them in mind, those customers can't use your forms or buttons. Accessible sites also reduce legal risk and often help SEO, since clear structure helps search engines too.
Example
A screen reader user tries to book a haircut, but the salon's booking button is an unlabeled icon. After the developer adds a clear label, the screen reader announces 'Book appointment'.
Tips
- Write helpful alt text for meaningful images and leave decorative images with empty alt text.
- Use proper headings and labels on every form field.
- Test your key pages with a free screen reader like NVDA or VoiceOver.
Common mistakes
- Using images of text instead of real text.
- Building buttons and menus that can't be reached or used with a keyboard.
Questions about Screen reader
What is Screen reader?
Software that reads a page aloud or sends it to a braille display for people who are blind or have low vision.
What are the most common screen readers?
Common options include JAWS and NVDA on Windows, VoiceOver on Apple devices and TalkBack on Android.
How do I test my website with a screen reader?
Turn on VoiceOver on a Mac or iPhone, or install NVDA on Windows, then try to navigate and complete a form using only the keyboard or gestures.
