Skip to content

Instantly share code, notes, and snippets.

@darrenjaworski
Last active April 4, 2018 13:08
Show Gist options
  • Save darrenjaworski/94c3955984c645dad5edea6810615a0d to your computer and use it in GitHub Desktop.
Save darrenjaworski/94c3955984c645dad5edea6810615a0d to your computer and use it in GitHub Desktop.
web accessibility - checklist

Adopted from (webaim)[https://webaim.org/intro/].

More good resources: (google accessibility)[https://developers.google.com/web/fundamentals/accessibility/], (w3)[https://www.w3.org/WAI/intro/accessibility.php]

  • every img should have alt text that describes what is in the image
  • keyboard navigation within the page, (tab and arrow keys)
  • in a form, every element has a label, and describes what appropriately the form element is
  • ensure every form element within a form can be navigated to
  • caption and/or transcripts for media (audio/video)
  • every link should make sense with the link text, avoid "submit, click here" etc
  • every long list of items (navigation, sidenav, etc) has a "skip navigation" or a way around the content
  • provide headers for table data
  • content that is visually hidden, might need to be accessible
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment