Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessible ux

810 views

Published on

  • Hi there! Get Your Professional Job-Winning Resume Here - Check our website! http://bit.ly/resumpro
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Accessible ux

  1. 1. Socal UX Camp 2014 Accessible UX Joseph Karr O’Connor @AccessibleJoe accessiblejoe.com/tools/
  2. 2. Accessible UX ★Create personas with disabilities ★Include people with disabilities in testing ★Find experienced assistive tech users ★“Nothing about us without us.”
  3. 3. Glenda Watson Hyatt Introducing Glenda Watson Hyatt, The Left Thumb Blogger
  4. 4. Glenda ★Keyboard accessibility ★Use labels for form fields, do not use placeholder text ★Autofill form fields where possible
  5. 5. Glenda ★Semantic construction: links, lists, headings ★Place call to action high on left ★Skip links
  6. 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. 7. Cara Quinn iOS Developer, Accessibility UX Test of Google Now
  8. 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. 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. 10. Eric Wright Accessibility Expert, Dragon Naturally Speaking, Navigating WordPressDotCom
  11. 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. 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. 13. BIG Launcher and Tecla Shield BIG Launcher controlled by Tecla Shield wheelchair interface.
  14. 14. A Web For Everyone Sarah Horton and Witney Quesenbery, Rosenfield Media
  15. 15. Socal UX Camp 2014 Accessible UX Joseph Karr O’Connor @AccessibleJoe accessiblejoe.com/tools/

×