JS Workshop on A11y (accessibility)

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)