accessible ux
TRANSCRIPT
![Page 1: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/1.jpg)
Socal UX Camp 2014 Accessible UX
Joseph Karr O’Connor @AccessibleJoe
accessiblejoe.com/tools/
![Page 2: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/2.jpg)
Accessible UX
★Create personas with disabilities
★Include people with disabilities in testing
★Find experienced assistive tech users
★“Nothing about us without us.”
![Page 3: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/3.jpg)
Glenda Watson HyattIntroducing Glenda Watson Hyatt, The Left Thumb Blogger
![Page 4: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/4.jpg)
Glenda
★Keyboard accessibility
★Use labels for form fields, do not use placeholder text
★Autofill form fields where possible
![Page 5: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/5.jpg)
Glenda
★Semantic construction: links, lists, headings
★Place call to action high on left
★Skip links
![Page 6: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/6.jpg)
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.”
![Page 8: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/8.jpg)
Cara
★Keyboard accessibility
★Use labels for form fields, do not use placeholder text
★Autofill form fields where possible
★Use semantic structure: links, lists, headings
![Page 9: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/9.jpg)
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
![Page 10: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/10.jpg)
Eric WrightAccessibility Expert, Dragon Naturally Speaking, Navigating WordPressDotCom
![Page 11: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/11.jpg)
Eric
★Keyboard accessibility
★Use labels for form fields, do not use placeholder text
★Autofill form fields where possible
★Use semantic structure: links, lists, headings
![Page 12: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/12.jpg)
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
![Page 13: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/13.jpg)
BIG Launcher and Tecla ShieldBIG Launcher controlled by Tecla Shield wheelchair interface.
![Page 14: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/14.jpg)
A Web For EveryoneSarah Horton and Witney Quesenbery, Rosenfield Media
![Page 15: Accessible ux](https://reader035.vdocuments.site/reader035/viewer/2022062216/559836be1a28ab7d548b4599/html5/thumbnails/15.jpg)
Socal UX Camp 2014 Accessible UX
Joseph Karr O’Connor @AccessibleJoe
accessiblejoe.com/tools/