NVDA — NonVisual Desktop Access Screen Reader for Windows

In this tutorial, you will learn about NVDA. We cover key concepts, practical examples, and best practices to help you master this topic.

NVDA is the most popular free, open-source screen reader for Windows, used by millions worldwide and essential for every Accessibility Testingity" >}} testing workflow.

In this tutorial, you'll learn about NVDA setup, navigation, and testing.

What You'll Learn

By the end of this lesson, you'll understand NVDA's key features, essential shortcuts, testing workflow, and common NVDA-specific issues.

Why It Matters

NVDA is the most widely used free screen reader. Testing with NVDA covers the largest segment of screen reader users.

Real-World Use

DodaTech's development team uses NVDA as the primary screen reader for daily accessibility testing, supplemented by JAWS for enterprise validation.

NVDA Overview

flowchart LR
  A[Download NVDA] --> B[Install]
  B --> C[Speech Settings]
  C --> D[Browse Mode]
  C --> E[Focus Mode]
  D --> F[Quick Nav Keys]
  D --> G[Arrow Navigation]
  E --> H[Form Interaction]
  E --> I[Widget Control]

Key NVDA Shortcuts

NVDA Testing Workflow

1. Install NVDA from nvaccess.org (free, no trial limit)
2. Configure speech rate with NVDA+Ctrl+Arrow keys
3. Turn off screen to practice blind navigation
4. Navigate your page with arrow keys and Tab
5. Use quick navigation keys (H, K, D, B, F)
6. Test forms with Tab and Enter
7. Test live regions with dynamic content
8. Test custom ARIA widgets

// NVDA testing checklist
const nvdaChecklist = [
  'Page title announced correctly',
  'Heading hierarchy logical',
  'All links have accessible names',
  'Landmarks properly labeled',
  'Form fields announce labels',
  'Error messages announced',
  'Live regions update correctly',
  'Keyboard navigation complete',
];

NVDA Speech Viewer

NVDA includes a Speech Viewer tool that shows the text being spoken. Use it to capture exact announcements during testing:

1. Go to NVDA menu (NVDA+N)
2. Tools > Speech Viewer
3. Enable the viewer
4. Navigate your page and capture announcements

Common NVDA Issues

• NVDA browse mode skips hidden content: If content is not in the DOM when the page loads, NVDA may not find it.
• NVDA+Space toggles mode unexpectedly: Users may accidentally switch modes.
• NVDA handles ARIA live regions well: One of NVDA's strengths is live region support.
• NVDA announces ARIA roles differently than JAWS: Cross-screen reader testing is essential.

Common Mistakes

• Not testing with NVDA's browse mode: Most navigation happens in browse mode, not focus mode.
• Assuming NVDA handles everything like JAWS: They have different behaviors.
• Not using the Speech Viewer: It captures exact announcements for debugging.
• Testing only with fast speech: Users may use slower speech rates that reveal timing issues.

Practice and Challenge

1. How do you toggle between browse and focus mode in NVDA? NVDA+Space.

2. What key opens the NVDA links list? NVDA+F7.

3. How do you stop NVDA speech? Press Ctrl.

4. What is the NVDA Speech Viewer? A tool that displays the text NVDA is speaking.

5. Challenge: Use NVDA to navigate a complex form on your site. Enable the Speech Viewer and capture the announcements for each field.

FAQ

Mini Project

Using NVDA, create a test report for your website. Include a section for each quick navigation key (H, K, D, B, F) with findings. Use the Speech Viewer to capture exact announcements.

What's Next

Continue to VoiceOver to learn about the built-in macOS and iOS screen reader.