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 HyattIntroducing 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 QuinniOS 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 WrightAccessibility 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 ShieldBIG Launcher controlled by Tecla Shield wheelchair interface.

A Web For EveryoneSarah Horton and Witney Quesenbery, Rosenfield Media

Socal UX Camp 2014 Accessible UX

Joseph Karr O’Connor @AccessibleJoe

accessiblejoe.com/tools/