SlideShare a Scribd company logo
Designing for
Extreme Accessibility
@yossilanger, East Side Strategy
UXPA 2017 Toronto
How do you know
when you’ve done
good work?
What we’re talking about today
Designing for
assistive
technology
input devices
Things I wish
I’d known
going in
Constraints
& heuristics
Specifically
Accessing applications with switches
Accessing applications with eye-gaze
Accessing applications with touch, when the user’s degree of motor
control can’t be assumed
Accessibility #a11y
P
Perceivable Operable Understandable Robust
O U R
Types of impairments
Visual
Hearing
Motor
Cognitive
750 million people
(10% of everyone*)
A A C
Augmentative
Alternative
Communication
~450k
ALS/MNB
~15mm
Non-verbal from Autism
~6mm
Cerebral Palsy~1.8mm
Traumatic
brain injury
Who needs AAC
devices?
Sidebar ...
1. Double research time
Anyway
“The toolbox is
for her”
“The toolbox is
for me”
Our Mission:
Improve
● Comprehension
● Recall
● Findability
● Access by ALL users and
ALL access methods
2. Move in with the
support staff
Things to know
Disability ≠ Access Method ≠ Personality
Switches
1 ms
(that’s a thousandth of a second!)
Establish clear focus & selected states
VS.
Limit selectable items per screen
Label all actions clearly
VS.
Straightforward,
Logical
Nonspecific, lack of
context
Tab order & multi-select actions
Eyegaze &
Head Tracking
Eyegaze trackers
Our eyes like:
● Movement
● Shiny things, like contrasts
● Sharp things, like corners
Using your eye to select things is
unnatural and tiring
Avoid sharp corners
VS.
Increase target size
VS.
Selection and travel
VS.
Avoid extreme corners
VS.
Best Not Great Avoid
High contrasts can trap the eye
Touch
3. Accessibility is not
a checklist
Allow room to make targets
legible at distance
VS.
PAUSE before accepting next input in same spot
Watch for rapid-fire selection
Create non-actionable padding
between actions
VS.
Keyguards
Inaccessible
Accessible Accessible Accessible AccessibleAccessible
Accessible Accessible Accessible AccessibleAccessible
Accessible Accessible Accessible AccessibleAccessible
Many keyguard variations
1. 2. 3.
4. Get your hands
dirty
Some autistic users prefer/need
...Others don’t prefer/need it
No
Images
No
Animations
No
Icons
Calm
colors
5. One size will never
fit all
5.5 There are no edge
cases
Design for calibration and
customization
Design modularly and test thoroughly
● How long a press is an acceptable touch?
● Show or hide icons?
● Size objects for a few centimeters or a meter and a half?
● Calming or high-contrast color palette?
● How fast does focus scan over objects?
6. Ability is a
continuum
7. Seek out projects
like this
Thanks!
Find talk here
Suggested reading
A WEB FOR EVERYONE:
http://rosenfeldmedia.com/books/a-web-for-everyone/
JUST ASK: INTEGRATING ACCESSIBILITY THROUGH DESIGN:
http://www.uiaccess.com/accessucd/
User research resources:
http://www.uiaccess.com/accessucd/involve.html
WCAG Guidelines: https://www.w3.org/WAI/intro/wcag

More Related Content

Similar to Accessibility for AAC—toronto uxpa int'l

UX 101
UX 101UX 101
UX 101
Hirajaved10
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibility
qixingz
 
Enabling your disabled market through UX
Enabling your disabled market through UXEnabling your disabled market through UX
Enabling your disabled market through UX
Mark Flint
 
[UX Oxford] accessibility
[UX Oxford] accessibility[UX Oxford] accessibility
[UX Oxford] accessibility
Elizabeth Chesters
 
Accessible design systems
Accessible design systemsAccessible design systems
Accessible design systems
Jonathan Conway
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UX
Whitney Quesenbery
 
09-UX.pdf
09-UX.pdf09-UX.pdf
09-UX.pdf
SarinKunjappan1
 
Ux
Ux Ux
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid Process
brindaN
 
AR / UX: Building Augmented Reality Experiences
AR / UX: Building Augmented Reality ExperiencesAR / UX: Building Augmented Reality Experiences
AR / UX: Building Augmented Reality Experiences
Joey deVilla
 
Andrew Myers portfolio
Andrew Myers portfolioAndrew Myers portfolio
Andrew Myers portfolio
AndrewMyers76
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
studiokandm
 
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effortBojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Serbian Product Community
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
studiokandm
 
Inclusive Design: Tools, technologies + strategies
Inclusive Design: Tools, technologies + strategiesInclusive Design: Tools, technologies + strategies
Inclusive Design: Tools, technologies + strategies
Jess Mitchell
 
Universal design in a diverse world
Universal design in a diverse worldUniversal design in a diverse world
Universal design in a diverse world
Karel Van Isacker
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its need
Nasimul Gani
 
What is User Experience?
What is User Experience?What is User Experience?
What is User Experience?
Anthony Hahn
 
UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019
Joshua Randall
 
DBA #20 - Agile Design Research for Startups by Diona Lin
DBA #20 - Agile Design Research for Startups by Diona LinDBA #20 - Agile Design Research for Startups by Diona Lin
DBA #20 - Agile Design Research for Startups by Diona Lin
Design Bootcamp Asia
 

Similar to Accessibility for AAC—toronto uxpa int'l (20)

UX 101
UX 101UX 101
UX 101
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibility
 
Enabling your disabled market through UX
Enabling your disabled market through UXEnabling your disabled market through UX
Enabling your disabled market through UX
 
[UX Oxford] accessibility
[UX Oxford] accessibility[UX Oxford] accessibility
[UX Oxford] accessibility
 
Accessible design systems
Accessible design systemsAccessible design systems
Accessible design systems
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UX
 
09-UX.pdf
09-UX.pdf09-UX.pdf
09-UX.pdf
 
Ux
Ux Ux
Ux
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid Process
 
AR / UX: Building Augmented Reality Experiences
AR / UX: Building Augmented Reality ExperiencesAR / UX: Building Augmented Reality Experiences
AR / UX: Building Augmented Reality Experiences
 
Andrew Myers portfolio
Andrew Myers portfolioAndrew Myers portfolio
Andrew Myers portfolio
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
 
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effortBojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
 
Inclusive Design: Tools, technologies + strategies
Inclusive Design: Tools, technologies + strategiesInclusive Design: Tools, technologies + strategies
Inclusive Design: Tools, technologies + strategies
 
Universal design in a diverse world
Universal design in a diverse worldUniversal design in a diverse world
Universal design in a diverse world
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its need
 
What is User Experience?
What is User Experience?What is User Experience?
What is User Experience?
 
UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019
 
DBA #20 - Agile Design Research for Startups by Diona Lin
DBA #20 - Agile Design Research for Startups by Diona LinDBA #20 - Agile Design Research for Startups by Diona Lin
DBA #20 - Agile Design Research for Startups by Diona Lin
 

Recently uploaded

PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
PabloMartelLpez
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 

Recently uploaded (20)

PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 

Accessibility for AAC—toronto uxpa int'l