18
Coolfields Consulting www.coolfields.co. uk @coolfields Assistive Technology Demo Graham Armfield Web Accessibility Consultant WordPress Developer [email protected] @coolfields

Assistive Technology Demo Londonweb

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: Assistive Technology Demo Londonweb

Coolfields Consulting www.coolfields.co.uk@coolfields

Assistive Technology Demo

Graham ArmfieldWeb Accessibility ConsultantWordPress Developer

[email protected]@coolfields

Page 2: Assistive Technology Demo Londonweb

2

What I’m going to cover

Some major AT - as used by those with disabilities and impairments

• Dragon Naturally Speaking• NVDA• Voiceover• Talkback

Page 3: Assistive Technology Demo Londonweb

Coolfields Consulting www.coolfields.co.uk@coolfields

Dragon Naturally Speaking

Speech Recognition software for Windows and Mac

Page 4: Assistive Technology Demo Londonweb

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

Page 5: Assistive Technology Demo Londonweb

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

Page 6: Assistive Technology Demo Londonweb

Coolfields Consulting www.coolfields.co.uk@coolfields

NVDA

Open source screen reader

Page 7: Assistive Technology Demo Londonweb

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

Page 8: Assistive Technology Demo Londonweb

8

NVDA Demo

• Initial page load – speed• Using the tab key• Skip links• Dropdown navigation• List links/headings/regions• Forms

Page 9: Assistive Technology Demo Londonweb

9

Some Useful NVDA KeystrokesThe ‘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

Page 10: Assistive Technology Demo Londonweb

Coolfields Consulting www.coolfields.co.uk@coolfields

Voiceover

Screen reader for iOS devices

Page 11: Assistive Technology Demo Londonweb

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

Page 12: Assistive Technology Demo Londonweb

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’

Page 13: Assistive Technology Demo Londonweb

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

Page 14: Assistive Technology Demo Londonweb

Coolfields Consulting www.coolfields.co.uk@coolfields

Talkback

Screen reader for Android devices

Page 15: Assistive Technology Demo Londonweb

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

Page 16: Assistive Technology Demo Londonweb

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

Page 17: Assistive Technology Demo Londonweb

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

Page 18: Assistive Technology Demo Londonweb

18

Thanks for listening

Any questions?

[email protected]@coolfields