A selection of VoiceOver keyboard commands
One of the many great things about using a Mac as your development machine is VoiceOver, the screen reader that ships with every copy of Mac OS X. Testing your work in a screen reader is only a small part of building accessible websites, but it helps you understand the need for many accessibility guidelines.
To test your sites in VoiceOver you obviously need to know how to use it to navigate the Web. There are many, many keyboard shortcuts that can be used to control VoiceOver – way too many for me to learn them all by heart. So I’ve looked through Apple’s VoiceOver Getting Started guide and VoiceOver key-command chart (PDF file) and picked the commands I find most useful.
|Control-Option-Left arrow||Previous chunk of text.|
|Control-Option-Right arrow||Next chunk of text.|
|Control-Option-A||Read all. Reads the entire document.|
|Control-Option-Z||Repeat last output.|
|Control-Option-U||Web Item rotor. Lists all items (headers, links, form controls, etc.) of a certain type. Use the left and right arrows to change item type and the up and down arrows to choose an item.|
|Control-Option-Command-H||Find next heading (any level)|
|Control-Option-Command-M||Find next heading of same level|
|Control-Option-Command-L||Find next link|
|Control-Option-Command-J||Find next form control|
|Control-Option-Command-X||Find next list|
With all the “Find next” commands you can add the Shift key to find the previous item instead.
These are just a few basic commands for navigating web pages with VoiceOver, but they are the ones I find most useful. I hope this can at least get you started.
- Previous post: Ruby, PHP, MySQL, and Perl issues when upgrading Mac OS X from Leopard to Snow Leopard
- Next post: Whenever you use :hover, also use :focus
Subscribe / follow
- Android Mobile Developer at Quirky (New York City or San Francisco, Ca, US)
- DevOps Engineer at SHOP SMART LLC (Chicago, IL (River North), Il, US)
- Data Visualization Graphic Designer at Ultimate Fighting Championship (UFC) (Las Vegas, Ne, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost