Table of Contents
Keyboard shortcuts are often presented to us in a list or a table. Lists and tables are great for some people, while others may be overwhelmed from the sheer number of commands to learn. Sometimes a more visual approach could help some people learn these commands.
Learning with a mind map
Creating a mind map of keyboard shortcuts can help people to learn those shortcuts easier than in lists and tables.
A mind map is a diagram that visually organizes information into groups. Shortcuts that belong to one screen reader for example would be visually branched off into a smaller group. Learning groups of shortcuts can be easier than learning individual shortcuts.
Here's a mind map of the common keyboard shortcuts in popular screen readers:
The mind map is not an exhaustive listing of screen reader functionality, but shows many of the common commands to help you get a handle on starting out. For example, to learn more about how to 'list all landmarks', you can follow the mapping of branches to the different screen reader software, where the commands will be listed:
- List all landmarks -> JAWS -> R or ;
- List all landmarks -> NVDA -> D
- List all landmarks -> Narrator -> D
- List all landmarks -> VoiceOver iOS -> Two finger twist (the rotor menu)
- List all landmarks -> TalkBack -> Swipe up then right (the local context menu)
The shortcuts are taken from Deque on shortcuts and gestures.
Watching other people
Looking up videos on how to do those shortcuts can reinforce that learning and trying them out yourself is even better.
An example of using the 'rotor' menu with VoiceOver on iOS is illustrated the following YouTube video: VoiceOver Rotor Gestures - Ballyland Rotor app
The presenter demonstrates the common hand movements to bring up the rotor menu, as well as other interesting ways. Apple recommends placing two fingers on your device and then rotating them to show the rotor menu, but by watching the video we learn that you can also use other gestures that best suit you:
- Touching the screen with your thumb and then flicking with your index finger of the same hand, seen at [0:13] until [0:16] in the video
- Touching the screen with one finger on one hand and then using a finger from the other hand to make a dialing movement, seen at [0:17] until [0:24] in the video
- Touching the screen with one finger from each hand and making a virtual dialing movement with both fingers rotating in the same direction, seen at [0:25] until [0:30] in the video
Learning with a quiz
Other individuals may learn better testing their memory through a quiz. If creating a quiz may be too time consuming, there is a bookmark available on CodePen.
This quiz bookmarklet works on the Deque screen reader shortcut pages. It replaces shortcuts inside tables into input fields that are ready to fill in. There is no way to submit the quiz to find out the answers, but opening the same page in a new tab can help validate your answers. This bookmarklet can be used on the following pages:
- JAWS Deque screen reader shortcuts
- NVDA Deque screen reader shortcuts
- Narrator Deque screen reader shortcuts
- VoiceOver Deque screen reader shortcuts
Demonstrating the quiz bookmarklet on the JAWS Deque screen reader shortcuts page:
In an ideal world we would be using common screen readers daily to help us learn through experience. While these learning techniques can be helpful, they may not be right for everyone.
- Screen Reader Keyboard Shortcuts and Gestures Deque University
- Source JSON file of the mindmap that can be imported into mindmapmaker GitHub Gist