Skip to content

Latest commit

 

History

History
65 lines (47 loc) · 3.44 KB

VOICEOVER-MACOS-TESTING.md

File metadata and controls

65 lines (47 loc) · 3.44 KB
Raw

VoiceOver (macOS 11.1 Big Sur)

Understand the core gestures for navigating VoiceOver on macOS with the macOS keyboard shortcuts.

Screen reader tests

  1. Ensure the screen reader output matches the visual output of all headings
  2. Ensure the screen reader output matches the visual output of all links (as a minimum)
  3. Ensure the screen reader output matches the visual output of all list elements
  4. Ensure the screen reader output the first 2 rows of a table and announces the columns
  5. Ensure the screen reader output every visual error message
  6. Ensure the screen reader output all significant page activity (ajax spinner icon, new page)
  7. Ensure the screen reader output a controls outcome (collapsed/expanded, x number of items returned)

Add the accessibility shortcut

  1. Enable this by going to System Preferences / Keyboard / Shortcuts / Accessibility
  2. Select Turn VoiceOver on or off

The accessibility shortcut makes testing a lot quicker and easier as you don't have to go into settings each time to switch VoiceOver on and off.

Enable keyboard accessibility on macOS

  1. Go to System Preferences / Keyboard / Shortcuts
  2. Select Use keyboard navigation to move focus between controls

Enable keyboard accessibility in Safari

  1. Open Safari
  2. Go to Preferences / Advanced
  3. Select Press Tab to highlight each item on a webpage

General

  1. Open Safari
  2. Go to the testing URL
  3. Turn VoiceOver on by pressing Command + F5
  4. Turn VoiceOver lock on by pressing Control + Option + ;

The Control and Option keys are locked so that they do not need to be pressed to perform VoiceOver commands

  1. Turn VoiceOver off by pressing ; followed by Command + F5

Test Headings

  1. Press Command + H to move forward through all headings, Shift + Command + H to move backward through all headings
  2. TEST : Ensure the screen reader output matches the visual output of all headings

Test Links

  1. Press Command + L to move forward through all links, Shift + Command + L to move backward through all links
  2. TEST : Ensure the screen reader output matches the visual output of all links (as a minimum)

Test Lists

  1. Press Command + X to move forward through all lists, Shift + Command + X to move backward through all lists
  2. TEST : Ensure the screen reader output matches the visual output of all list elements

Test Tables

  1. Press Command + T to move forward through all tables, Shift + Command + T to move backward through all tables
  2. Within each table press Right Arrow to move forward through the cells, press Left Arrow to move backward through the cells
  3. TEST : Ensure the screen reader output the first 2 rows of a table and announces each column

Test Error Messages

  1. Trigger all form errors
  2. TEST : Ensure the screen reader output every visual error message

Test Screen Activity

  1. Trigger significant screen change (only relevant for Single Page Applications)
  2. TEST : Ensure the screen reader output all significant page activity (ajax spinner icon etc)