UX-Lx

Further reading

• Accessibility for individual contributors
  • Accessibility for Everyone
  • Giving a damn about accessibility
• Accessibility for enterprise scale programs
  • The Book on Accessibility

Workshop 1 - Assistive technology

• Low vision
  • 1.a Zoom in on this form
• Motor
  • 1.b Try using this page with no mouse
  • 1.c What’s it like when it doesn’t work?
• Automated tools
  • 1.d Automated tools - Install Lighthouse accessibility test plugin
  • Don’t use Google?
    • Wave
    • MS Accessibility Insights
• Blindness
  • 1.e Using a screen reader - What’s it like to hear the UI
    • MacOS Voiceover
    • iOS Voiceover
    • Android Talkback

Workshop 2 - Let’s make things

• Annotations
  • 2.a Annotations - Documenting the UX for assistive technology
  • Example: Popular dog breeds by category
• Applying WCAG
  • 2.b Applying WCAG to toggle switches
  • Tools and references
    • Color contrast checker
    • Checkbox working examples
    • Toggle switch working examples
• Layout and affordance
  • 2.c Form layout for low vision
• Functionality, robustness and inevitable conflict
  • 2.d Bill pay - UX wireframe a bill payment option solution
  • Working examples (don’t review these first)
    • What most developers will do
    • What works, but is complicated
    • What works AND is simple

Slides

• Google slides