What & why
There are many people who use other tools to navigate websites: a very common tool is the screen reader.
We need to make sure our websites work well with screen readers—because it’s the law & the right thing to do.
With some practice using VoiceOver we can become comfortable testing & improving our websites.
- Work alone on your computer
- Use your web browser—Safari works best with VoiceOver (This’ll be the only time I recommend using Safari.)
- Get out a set of headphones
- You’ll be given a step-by-step task
- Complete the task with VoiceOver
- Show the teacher when you’re done
⌘ F5— Turn VoiceOver on/off
⌃— Pause VoiceOver
⌃⌥ ➔— Move to next item
⌃⌥ ←— Move to previous item
⌃⌥ U— Open the rotor (Use arrow keys to navigate)
⌃⌥⌘ H— Next heading (+
⌃⌥⌘ L— Next link
⌃⌥⌘ G— Next graphic
⌃⌥⌘ X— Next list
Do all of this with VoiceOver—we’ll be watching.
- Go to Wikipedia.org
- Search for “Doctor Who”
- Go down to the “Changes of appearance” heading
- In the table, find & activate the “Jodie Whittaker” link
- At the bottom of the page, find & activate her “IMDB” link
- Under “Filmography”, find & click the “Doctor Who” link
Show the teacher you’re on IMDB’s “Doctor Who” page.