Screen readers

Why test with screen readers?

When testing with screen readers, our goal is to verify that an assistive tech user will have an experience equivalent to that of any other user. Tests may include the following:

  1. Can you use and understand the purpose of all interactive elements on the page?
  2. Can you accomplish all the same tasks with and without assistive tech (e.g. navigating the site, submitting forms, adding items to a cart, etc.)?
  3. When page contents are read, are you presented with all the meaningful info you would expect as a visual user? (This includes status updates on dynamic pages.)

Computer screen readers

On computers, screen reader testing often lets you perform two tests simultaneously:

  1. It ensures that all meaningful web content and interactions are available to assistive tech.
  2. It helps you verify that your experiences are keyboard operable (which is a WCAG requirement).

After turning on your computer’s screen reader and opening your browser, use your keyboard to access the entire experience, top to bottom. Use the Tab, Shift-Tab, and ↑ → ↓ ← keys to move among (and within) focusable elements like links, form controls, and interactive components. And you can then use other keys like Space, Enter, and Escape to interact with those elements.

Each screen reader also has its own set of keyboard shortcuts to navigate and read non-interactive content within an experience. Different keypresses can start (or stop) reading the page, jump to the next heading element, move vertically and horizontally among table cells, and so on. Links to keyboard shortcut resources are included in each screen reader’s section.

Getting started with computer screen readers

Mobile screen readers

On mobile devices, you will use touchscreen gestures and taps instead of a keyboard to navigate the page and activate interactive elements. For basic navigation, you can swipe right, left, up, and down with one finger to move forward and backward through the page, and then double-tap to activate form controls and links. Each platform has many other gestures for more advanced navigation. View the linked gesture shortcuts pages within each section for more guidance.

Getting started with mobile screen readers

Browser and screen reader pairings

If you can only test on one platform, it never hurts to try your screen reader with as many browsers as possible. For example, if you only have a Mac, go ahead and pair VoiceOver with Safari, Chrome, and Firefox.

But if you’re either pressed for time or have access to multiple operating systems, these are the most common browser and screen reader pairings, and thus the ones to prioritize when testing:

  • macOS: Safari and VoiceOver
  • Windows: Firefox and NVDA
  • Windows: Chrome and JAWS or NVDA
  • Windows: Edge and Narrator
  • Linux: Firefox and Orca
  • iOS: Safari and VoiceOver
  • Android: Chrome and TalkBack