Accessible ux
1 like978 views
The document outlines presentations from the Socal UX Camp 2014 on accessible UX. Joseph Karr O'Connor discussed including people with disabilities in testing and persona creation. Glenda Watson Hyatt and Cara Quinn discussed keyboard accessibility, using labels instead of placeholders, autofilling forms, and proper semantic structure. Shawn Henry discussed making interfaces perceivable, operable, and understandable for all. Eric Wright and a demonstration of BIG Launcher controlled via Tecla Shield focused on the same accessibility topics. The day concluded with a discussion from Sarah Horton and Witney Quesenbery on building an accessible web for all.
Accessible ux
- 1. Socal UX Camp 2014 Accessible UX Joseph Karr O’Connor @AccessibleJoe accessiblejoe.com/tools/
- 2. Accessible UX ★Create personas with disabilities ★Include people with disabilities in testing ★Find experienced assistive tech users ★“Nothing about us without us.”
- 3. Glenda Watson Hyatt Introducing Glenda Watson Hyatt, The Left Thumb Blogger
- 4. Glenda ★Keyboard accessibility ★Use labels for form fields, do not use placeholder text ★Autofill form fields where possible
- 5. Glenda ★Semantic construction: links, lists, headings ★Place call to action high on left ★Skip links
- 6. 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.”
- 7. Cara Quinn iOS Developer, Accessibility UX Test of Google Now
- 8. Cara ★Keyboard accessibility ★Use labels for form fields, do not use placeholder text ★Autofill form fields where possible ★Use semantic structure: links, lists, headings
- 9. 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
- 10. Eric Wright Accessibility Expert, Dragon Naturally Speaking, Navigating WordPressDotCom
- 11. Eric ★Keyboard accessibility ★Use labels for form fields, do not use placeholder text ★Autofill form fields where possible ★Use semantic structure: links, lists, headings
- 12. 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
- 13. BIG Launcher and Tecla Shield BIG Launcher controlled by Tecla Shield wheelchair interface.
- 14. A Web For Everyone Sarah Horton and Witney Quesenbery, Rosenfield Media
- 15. Socal UX Camp 2014 Accessible UX Joseph Karr O’Connor @AccessibleJoe accessiblejoe.com/tools/