The notes for a demo I gave to the LondonWeb meetup on 17th October 2013.
During the demo I showed attendees Dragon Naturally Speaking and NVDA screen reader. I also did quick demos of Voiceover (screen reader for iPhone and iPad) and Talkback (the Android equivalent).
I have some of the useful keyboard and gesture commands used with each of the screen readers.
WordPress Websites for Engineers: Elevate Your Brand
Assistive Technology Demo Londonweb
1. Assistive Technology Demo
Graham Armfield
Web Accessibility Consultant
WordPress Developer
graham.armfield@coolfields.co.uk
@coolfields
Coolfields Consulting
www.coolfields.co.uk
@coolfields
2. What I’m going to cover
Some major AT - as used by those with
disabilities and impairments
•
•
•
•
Dragon Naturally Speaking
NVDA
Voiceover
Talkback
2
4. Dragon Naturally Speaking
• Primarily used by those with motor
impairments
• Control your whole PC – not just for
browsing the web.
• That said, I do use it to write documents
now
• Lots of voice commands to learn
4
5. Dragon Demo
•
•
•
•
•
•
•
•
Dealing with applications
Dictating text and punctuation
Correcting mistakes and formatting
Browsing the web
Following links
Emulating the mouse
Internet forms
Drag and drop
5
7. NVDA
• Used by those with blindness and other sight
impairments
• But also used by some with cognitive
impairments
• Reads aloud what it finds on the page
• Can be used with all applications not just
browser
• Lots of keystrokes to learn
7
9. Some Useful NVDA Keystrokes
The ‘NVDA’ key is the Insert key by default on Windows. It
can be changed in settings.
•
•
•
•
•
•
•
•
NVDA + Q – Close NVDA
NVDA + F7 – List links, headings, regions
Ctrl + NVDA + down or Ctrl + NVDA + up – change speed
H – Next heading
K – Next link
Alt + down – open select box
NVDA + down – start reading from here
Ctrl + left/right – prev/next word
9
11. Voiceover
• Used by those with blindness and other
sight impairments
• Reads aloud what it finds on the screen, or
under your finger
• Can be used with all apps not just browser
• Controlled by a series of gestures
11
12. Voiceover Demo
•
•
•
•
•
•
•
Switching it on
Reading what on the screen – apps
Changing to next home screen
Actioning apps and links
Read on from here
Page up/down
The ‘Rotor’
12
13. Some Voiceover Gestures
•
•
•
•
•
•
•
•
•
Move finger – voices app, link, text under finger
Swipe right/left – next/previous item
One finger double tap – select item with focus
Two finger swipe down – read from current point
Two finger swipe up – read entire page
Three finger swipe left/right – next home screen
Three finger swipe up/down – page up/down
Two finger twist – rotor switch
Single finger swipe up/down – previous/next item as
specified by rotor
13
15. Talkback
• Used by those with blindness and other
sight impairments
• Reads aloud what it finds on the screen, or
under your finger
• Can be used with all apps not just browser
• Controlled by gestures
15
16. Talkback Demo
•
•
•
•
•
•
Switching it on
Reading what’s on the screen – apps
Changing to next home screen
Actioning apps and links
Page up/down
Shortcuts
16
17. Some Useful Talkback Gestures
• Drag one finger - explore screen and hear audible feedback for
what is being touched
• Double-tap anywhere on the screen - opens or activates the item
that you last touched.
• Swipe up or down using two fingers - scroll lists and pages.
• Swipe left or right using two fingers - change pages and screens.
• Swipe right (or down) using one finger - move to the next item.
• Swipe left (or up) using one finger - move to the previous item.
• Up then right - open local context menu
• Up then left - home button
• Down then right - open global context menu
• Down then left - back button
• Right then down - open notifications
• Left then up - recent apps button
17