When testing a website or component with a screen reader keep in mind the end goal a user will have when navigating through the page. Ask yourself the following questions: Can I get a brief overview of the page by using the rotor?* Can I interact with all elements on the page, such as carousels and menus? After navigating through the page do I have a clear understanding of it's content and purpose?
* The rotor enables VoiceOver users to quickly change the VoiceOver speaking rate, typing method, editing, text navigation options and more. Rotor options vary depending on which app you are in. The Rotor is beneficial for quickly navigating apps and the web by moving backward or forward by links, buttons, headings, etc.
When testing with Voice Over, use Safari on macOS.
Turn VO On and Off: Cmd + F5
Enter Website: Ctrl + Opt + Shift + Down Arrow
Go to Next Item: Ctrl + Opt + Right Arrow
Go to Next Heading: Shift + Cmd + H
List all Headings: Caps Lock + U
Select Button or Link: Ctrl + Opt + Space
When testing with NVDA use Firefox on a PC.
Turn NVDA On: Control + Alt + N
Turn NVDA Off: Insert + Q
Go to Next Item Num Pad ↓
Go to Next Heading: H
List all Headings: Insert + F7
Select Button or Link: Enter