SlideShare a Scribd company logo
1 of 15
Download to read offline
Socal UX Camp 2014
Accessible UX
Joseph Karr O’Connor
@AccessibleJoe
accessiblejoe.com/tools/
Accessible UX
★Create personas with disabilities
★Include people with disabilities in testing
★Find experienced assistive tech users
★“Nothing about us without us.”
Glenda Watson Hyatt
Introducing Glenda Watson Hyatt, The Left Thumb Blogger
Glenda
★Keyboard accessibility
★Use labels for form fields, do not use
placeholder text
★Autofill form fields where possible
Glenda
★Semantic construction: links, lists, headings
★Place call to action high on left
★Skip links
Shawn Henry, “Just Ask: Integrating
Accessibility Throughout Design”
“Accessibility makes user interfaces
perceivable, operable, and understandable
by people with a wide range of abilities, and
people in a wide range of circumstances,
environments, and conditions.”
Cara Quinn
iOS Developer, Accessibility UX Test of Google Now
Cara
★Keyboard accessibility
★Use labels for form fields, do not use
placeholder text
★Autofill form fields where possible
★Use semantic structure: links, lists, headings
Cara
★Place call to action high on left
★Skip links
★Describe non-text content: alt description
★Structure buttons as buttons, not divs, name
the buttons semantically, not but1, but2
Eric Wright
Accessibility Expert, Dragon Naturally Speaking, Navigating WordPressDotCom
Eric
★Keyboard accessibility
★Use labels for form fields, do not use
placeholder text
★Autofill form fields where possible
★Use semantic structure: links, lists, headings
Eric
★Place call to action high on left
★Skip links
★Describe non-text content: alt description
★Structure buttons as buttons, not divs, name
the buttons semantically, not but1, but2
BIG Launcher and Tecla Shield
BIG Launcher controlled by Tecla Shield wheelchair interface.
A Web For Everyone
Sarah Horton and Witney Quesenbery, Rosenfield Media
Socal UX Camp 2014
Accessible UX
Joseph Karr O’Connor
@AccessibleJoe
accessiblejoe.com/tools/

More Related Content

Viewers also liked

05 building a_necto_social_network_ready
05 building a_necto_social_network_ready05 building a_necto_social_network_ready
05 building a_necto_social_network_readywww.panorama.com
 
Transformacja W Mediach Regionalnych A. Karda, T. Krawczyk
Transformacja W Mediach Regionalnych   A. Karda, T. KrawczykTransformacja W Mediach Regionalnych   A. Karda, T. Krawczyk
Transformacja W Mediach Regionalnych A. Karda, T. Krawczyktokrawczyk
 
Roadmapping Talk for APLN
Roadmapping Talk for APLNRoadmapping Talk for APLN
Roadmapping Talk for APLNEnthiosys Inc
 
SmarT-Bay Brochure
SmarT-Bay BrochureSmarT-Bay Brochure
SmarT-Bay BrochureColleen2782
 
Next Generation Schools & Education Development Collaborative (EDCo)
Next Generation Schools & Education Development Collaborative (EDCo)Next Generation Schools & Education Development Collaborative (EDCo)
Next Generation Schools & Education Development Collaborative (EDCo)biferguson
 
автостоянка
автостоянкаавтостоянка
автостоянкаunDrei
 
九方中文輸入法 特徵簡介
九方中文輸入法 特徵簡介九方中文輸入法 特徵簡介
九方中文輸入法 特徵簡介Warren Yip
 
Terri DeLaRosby presentation
Terri DeLaRosby presentationTerri DeLaRosby presentation
Terri DeLaRosby presentationterrikae
 
Gadu Gadu Widget
Gadu Gadu WidgetGadu Gadu Widget
Gadu Gadu WidgetGG Network
 
Unmanned Video citizin services
Unmanned Video citizin servicesUnmanned Video citizin services
Unmanned Video citizin servicesibsis
 
Complete Business Intelligence Solution for Your Microsoft Platform
Complete Business Intelligence Solution for Your Microsoft PlatformComplete Business Intelligence Solution for Your Microsoft Platform
Complete Business Intelligence Solution for Your Microsoft Platformwww.panorama.com
 
Use Your Library @ Home and Anywhere
Use Your Library @ Home and AnywhereUse Your Library @ Home and Anywhere
Use Your Library @ Home and AnywhereAnn Owens
 
Использование клиентской аналитики
Использование клиентской аналитикиИспользование клиентской аналитики
Использование клиентской аналитикиAlexey Kononenko
 

Viewers also liked (20)

05 building a_necto_social_network_ready
05 building a_necto_social_network_ready05 building a_necto_social_network_ready
05 building a_necto_social_network_ready
 
Transformacja W Mediach Regionalnych A. Karda, T. Krawczyk
Transformacja W Mediach Regionalnych   A. Karda, T. KrawczykTransformacja W Mediach Regionalnych   A. Karda, T. Krawczyk
Transformacja W Mediach Regionalnych A. Karda, T. Krawczyk
 
Roadmapping Talk for APLN
Roadmapping Talk for APLNRoadmapping Talk for APLN
Roadmapping Talk for APLN
 
Klimatstrategimall
KlimatstrategimallKlimatstrategimall
Klimatstrategimall
 
SmarT-Bay Brochure
SmarT-Bay BrochureSmarT-Bay Brochure
SmarT-Bay Brochure
 
Presentation1
Presentation1Presentation1
Presentation1
 
Global Accessibility Awareness Day 2014 WordPress Accessibility
Global Accessibility Awareness Day 2014 WordPress AccessibilityGlobal Accessibility Awareness Day 2014 WordPress Accessibility
Global Accessibility Awareness Day 2014 WordPress Accessibility
 
mele's Eport-folio
mele's Eport-foliomele's Eport-folio
mele's Eport-folio
 
Next Generation Schools & Education Development Collaborative (EDCo)
Next Generation Schools & Education Development Collaborative (EDCo)Next Generation Schools & Education Development Collaborative (EDCo)
Next Generation Schools & Education Development Collaborative (EDCo)
 
автостоянка
автостоянкаавтостоянка
автостоянка
 
Grönare med it
Grönare med itGrönare med it
Grönare med it
 
Kommunikationsplanering
KommunikationsplaneringKommunikationsplanering
Kommunikationsplanering
 
九方中文輸入法 特徵簡介
九方中文輸入法 特徵簡介九方中文輸入法 特徵簡介
九方中文輸入法 特徵簡介
 
Terri DeLaRosby presentation
Terri DeLaRosby presentationTerri DeLaRosby presentation
Terri DeLaRosby presentation
 
Gadu Gadu Widget
Gadu Gadu WidgetGadu Gadu Widget
Gadu Gadu Widget
 
Unenclosable
UnenclosableUnenclosable
Unenclosable
 
Unmanned Video citizin services
Unmanned Video citizin servicesUnmanned Video citizin services
Unmanned Video citizin services
 
Complete Business Intelligence Solution for Your Microsoft Platform
Complete Business Intelligence Solution for Your Microsoft PlatformComplete Business Intelligence Solution for Your Microsoft Platform
Complete Business Intelligence Solution for Your Microsoft Platform
 
Use Your Library @ Home and Anywhere
Use Your Library @ Home and AnywhereUse Your Library @ Home and Anywhere
Use Your Library @ Home and Anywhere
 
Использование клиентской аналитики
Использование клиентской аналитикиИспользование клиентской аналитики
Использование клиентской аналитики
 

Similar to Accessible ux

Developing Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical StakeholdersDeveloping Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical StakeholdersVanessa Turke
 
What is user experience and why does it matter
What is user experience and why does it matterWhat is user experience and why does it matter
What is user experience and why does it matterSarah Horton
 
An Introduction to User Experience for Dev's & Techies
An Introduction to User Experience for Dev's & TechiesAn Introduction to User Experience for Dev's & Techies
An Introduction to User Experience for Dev's & TechiesScott Savage
 
Don’t Just Build Pretty Websites — UX in the Real World
Don’t Just Build Pretty Websites — UX in the Real WorldDon’t Just Build Pretty Websites — UX in the Real World
Don’t Just Build Pretty Websites — UX in the Real WorldSonja Leix
 
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Karen Mardahl
 
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 2studiokandm
 
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Michael Larsen
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3studiokandm
 
Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014Adrian Howard
 
Why Can't We All Just Get Along?
Why Can't We All Just Get Along?Why Can't We All Just Get Along?
Why Can't We All Just Get Along?judybpresenting
 
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...Joyce Seitzinger
 
Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...John Murray
 
Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...UXPA International
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Johan Verhaegen
 
Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Michael Larsen
 
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)Elida Arrizza
 

Similar to Accessible ux (20)

Developing Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical StakeholdersDeveloping Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical Stakeholders
 
What is user experience and why does it matter
What is user experience and why does it matterWhat is user experience and why does it matter
What is user experience and why does it matter
 
An Introduction to User Experience for Dev's & Techies
An Introduction to User Experience for Dev's & TechiesAn Introduction to User Experience for Dev's & Techies
An Introduction to User Experience for Dev's & Techies
 
Don’t Just Build Pretty Websites — UX in the Real World
Don’t Just Build Pretty Websites — UX in the Real WorldDon’t Just Build Pretty Websites — UX in the Real World
Don’t Just Build Pretty Websites — UX in the Real World
 
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012
 
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
 
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
 
Accessibility
AccessibilityAccessibility
Accessibility
 
Intro to UX UI Presentation at StartCo - May 24, 2017
Intro to UX UI Presentation at StartCo - May 24, 2017Intro to UX UI Presentation at StartCo - May 24, 2017
Intro to UX UI Presentation at StartCo - May 24, 2017
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
 
Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014
 
Why Can't We All Just Get Along?
Why Can't We All Just Get Along?Why Can't We All Just Get Along?
Why Can't We All Just Get Along?
 
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
 
Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...
 
Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...Why your product team should use User Story Mapping to link user research to ...
Why your product team should use User Story Mapping to link user research to ...
 
Personas for Coders
Personas for CodersPersonas for Coders
Personas for Coders
 
UX Usability Heuristics
UX Usability HeuristicsUX Usability Heuristics
UX Usability Heuristics
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?
 
Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...
 
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
 

More from Los Angeles Accessibility and Inclusive Design Group (6)

Wizard of Ounces
Wizard of OuncesWizard of Ounces
Wizard of Ounces
 
Roadmap to WordPress Accessibility CSUN 2014
Roadmap to WordPress Accessibility CSUN 2014Roadmap to WordPress Accessibility CSUN 2014
Roadmap to WordPress Accessibility CSUN 2014
 
AUX Cities
AUX CitiesAUX Cities
AUX Cities
 
Cities: WordCamp Montreal 2013
Cities: WordCamp Montreal 2013Cities: WordCamp Montreal 2013
Cities: WordCamp Montreal 2013
 
UX ARIA Presentation
UX ARIA PresentationUX ARIA Presentation
UX ARIA Presentation
 
Cities: Making Free Accessible WordPress Themes
Cities: Making Free Accessible WordPress ThemesCities: Making Free Accessible WordPress Themes
Cities: Making Free Accessible WordPress Themes
 

Accessible ux