Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Accessible UIs - State of A11y

How to accessibility!

Definition of done

Education

  • Awareness
  • Design and UX
  • Documentation
  • Training
  • Automated tests

Keyboard Support

Other key problem areas

  • Color contrast
  • Text alternatives: image alt, form labels, accessible controls (icon buttons)
  • Too much animation (see prefers-reduced-motion)
  • Semantic HTML, especially w/ JavaScript

Testing with axe

Manual Testing

User testing!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.