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.

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/