How to Test Your Website with a Screen Reader (NVDA & VoiceOver)
Automated tools catch about a third of accessibility issues. The rest — logical focus order, meaningful labels, sensible reading order — you find by putting away the mouse and listening. Here's how to start.
You don't need to be an expert to catch the majority of real-world accessibility problems. With a keyboard, a free screen reader, and 30 minutes, you can experience your site the way many users do — and find issues no scanner will report.
Step 1: Test with the keyboard first
Unplug or ignore your mouse. Using only Tab, Shift+Tab, Enter, Space, and the arrow keys, try to complete your site's key tasks.
- Can you reach every interactive element in a logical order?
- Is the focus indicator always clearly visible?
- Can you operate menus, modals, and forms without a mouse?
- Can you always get back out — no keyboard traps?
Step 2: Pick a screen reader
- Windows: NVDA (free), paired with Firefox or Chrome.
- macOS / iOS: VoiceOver (built in), paired with Safari.
- Android: TalkBack (built in).
Essential NVDA shortcuts
- Start/stop: Ctrl+Alt+N to launch; Insert+Q to quit.
- Read continuously: Insert+Down Arrow.
- Jump by element: H (headings), D (landmarks), K (links), F (form fields), T (tables).
- Toggle Browse/Focus mode: Insert+Space.
Essential VoiceOver shortcuts
- Toggle VoiceOver: Cmd+F5.
- Navigate: VO (Ctrl+Option) + Right/Left Arrow.
- Open the Rotor to jump by headings, links, or form controls: VO+U.
- Activate an item: VO+Space.
Step 3: What to listen for
- Do headings describe the page structure in a logical order?
- Are links and buttons announced with meaningful names (not 'link' or 'click here')?
- Are images announced usefully, and decorative ones skipped?
- Do form fields announce their label, state, and any error?
- Does dynamic content (alerts, validation) get announced without stealing focus?
If you only do one thing: tab through your most important page and listen. The gap between what you see and what you hear is where your accessibility problems live.
Step 4: Combine manual and automated testing
Manual testing finds the issues tools miss, but it's slow to do site-wide. The efficient workflow is to let an automated scan clear the machine-detectable issues in bulk, then spend your manual time on the judgment calls. accessibilitywebsite.com handles the automated half and continuous monitoring so your manual passes stay focused.
Frequently asked questions
- What is the best free screen reader for testing?
- NVDA is the most popular free screen reader on Windows and works best with Firefox or Chrome. On macOS and iOS, VoiceOver is built in and pairs with Safari.
- Do I need a screen reader if I use an automated scanner?
- Yes. Automated tools catch roughly a third of issues. Logical focus order, meaningful link names, and sensible reading order need a human testing with a keyboard and screen reader.
- How do I start screen reader testing?
- Put away your mouse and tab through your key pages first, then turn on NVDA or VoiceOver and listen as you navigate by headings, links, and form fields to confirm everything is announced meaningfully.
See where your site stands — free
Run an instant WCAG 2.2 AA scan and get a severity-ranked report with AI fix suggestions in seconds. No overlay, no false promises.