JS Workshop on A11y (accessibility)

November 13, 2019 ยท View on GitHub

A Toronto JavaScript meetup: JS workshop on a11y (accessibility), led by Sherry Yang from Juno College (formerly HackerYou). These are my notes from the a11y workshop.

Intro

https://a11yproject.com/

Disability reflects interaction of features of person and features of society that person's in. So much more broader than physical, can also be situational (and temporary) impairments. (Aside: more examples here.)

Good a11y can help everyone, it doesn't just help those with disabilities: curb-side effect (not just for wheelchair users; also helps people with carriages/carts, or letting small babies be able to step up).

SHERRY'S CORE CHECKLIST (disclosure: opinion)

  • visually impaired
  • limited mobility
  • locale
    • translation
    • network limitation
    • device / hardware

Chrome browser a11y web dev tool

inspect -> >> -> Audits -> Run audits

Firefox browser a11y web dev tool

inspect -> >> -> Accessibility -> Turn on -> Check for issues: All Issues -> hover to highlight

Tools to simulate/role-play as a person with a disability

  • Voice Over (built into OS)
  • Color Oracle (built into OS)
  • Chrome default zoom size (settings)