Accessibiity

Resources and Tests

http://wave.webaim.org/ (very cool evaluation tool)

https://tenon.io/

http://www.chromevox.com/ (screen reader)

http://foundation.zurb.com/sites/docs/accessibility.html (Foundation)

http://jensimmons.com/presentation/progressing-our-layouts (How to write progresively enhanced CSS)

https://www.hhs.gov/web/section-508/making-files-accessible/checklist/html/index.html (508)

Jump arount the site using the keyboard (tab, shift+tab, enter)

Semantic HTML / Tags / Labels

• Add roles (see checklist)
• Links need :focus
• Images need alt tags
  • That describe the function of the image, doesn’t just describe the image
  • Use alt=”” (empty) if just decorative

Skip to Content

http://a11yproject.com/posts/skip-nav-links/

http://foundation.zurb.com/sites/docs/v/5.5.3/accessibility.html (Foundation)

Color

https://www.toptal.com/designers/colorfilter

No-JS

Stack Overflow Explainer ❤️

Notes

• Transcripts for video or audio