Blog Post

Screen Reader Testing Tools: A Practical Guide

Screen reader testing verifies that your website can be fully navigated and understood using assistive technology. Automated tools catch only 30-40% of accessibility issues — the rest require manual testing with actual screen readers.

What Is a Screen Reader?

A screen reader is assistive technology that converts on-screen content into speech or braille output. It reads the page's accessibility tree — the structured representation of your HTML that the browser exposes to the operating system. If your HTML is semantic and well-structured, the accessibility tree is accurate. If your HTML is a soup of div elements with click handlers, the tree is flat and unusable.

The Five Major Screen Readers

NVDA (Windows)

Free, open-source screen reader for Windows with over 30% primary usage share. Pairs best with Firefox and Chrome.

JAWS (Windows)

Commercial screen reader from Freedom Scientific ($95/year). Standard in government and enterprise environments. Pairs best with Chrome.

VoiceOver (macOS and iOS)

Apple's built-in screen reader. Dominant on mobile with over 70% of mobile screen reader users. Pairs best with Safari.

TalkBack (Android)

Android's built-in screen reader. Important for international audiences. Pairs with Chrome for Android.

Narrator (Windows)

Windows' built-in screen reader. Useful as a quick sanity check. Pairs best with Edge.

How to Test with VoiceOver

Enable VoiceOver with Cmd+F5 on macOS. Navigate by headings (VO+Cmd+H), landmarks (VO+Cmd+L), and forms (Tab). Check that images announce meaningful alt text, buttons announce their purpose, and modals manage focus correctly.

How to Test with NVDA

Download NVDA from nvaccess.org. Navigate by headings (H key), landmarks (D key), and form fields (F key). Use the Elements List (Insert+F7) for a page structure overview. Test tables, live regions, and keyboard traps.

The 10 Most Common Screen Reader Failures

How Design QA Prevents Screen Reader Failures

Most screen reader failures start in design. Visible labels in the spec become programmatic labels in code. Focus indicators in the design become keyboard accessibility in production. Heading hierarchy in Figma becomes screen reader navigation in HTML. Design QA catches these issues upstream, before they reach assistive technology users.

How to File Screen Reader Bug Reports

Include screen reader version, exact announcement text, expected behavior, element selector, steps to reproduce, WCAG criterion violated, and severity level.

Frequently Asked Questions

Can automated tools replace screen reader testing?

No. Automated tools catch 30-40% of issues. Manual screen reader testing catches reading order, announcement accuracy, keyboard interaction patterns, and live region behavior.

How often should teams do screen reader testing?

Test top user flows at least once per sprint. Full-site audits quarterly or before major launches.

Do I need to be an accessibility expert?

No. Basic screen reader testing requires about 30 minutes of practice. Most critical failures are obvious even to first-time testers.