Skip to content

Instantly share code, notes, and snippets.

@marcysutton
Last active June 25, 2018 14:32
Show Gist options
  • Save marcysutton/4f55b65f073b38518ccbbfbca00f3308 to your computer and use it in GitHub Desktop.
Save marcysutton/4f55b65f073b38518ccbbfbca00f3308 to your computer and use it in GitHub Desktop.
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