Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Be an A11y with Me by Sherry Yang

Be an A11y with Me by Sherry Yang

Our users have various backgrounds and capabilities, we are encouraged to design and create technologies with the mindset of open accessibility. Whether it is for the visually impaired, limited mobility, and/or network connection issues, our solutions should be able to support them in any situation.

Sherry Yang
Toronto, Ontario, Canada / Juno College of Technology
Program Lead and Instructor at Juno College of Technology, establishing connections in the tech community

Currently, Sherry connects people in the tech industry, focuses on empowering people with digital skills, and helps others recognize their potential for growth. Before that, Sherry was a developer in applied research tracking cows from birth-to-burger and provided software solutions to small-medium companies. Also, Sherry is run by curiosity and always finds ways to discover a new path professionally and personally.

https://www.wtmmontreal.com/schedule/2020-03-21?sessionId=101

Women Techmakers Montreal

March 19, 2020
Tweet

More Decks by Women Techmakers Montreal

Other Decks in Technology

Transcript

  1. Overview • What is A11y? • What are some tools?

    • What is the checklist? • How accessible are you? • Are you an A11y now? • More Questions? Sherry Yang - @5hel2l2y - 2019
  2. Disclaimer • This is not a best practice • This

    is not an industry standard • This is not yet another framework Sherry Yang - @5hel2l2y - 2019
  3. What is A11y? • A11y === Accessibility • a-11-y, “ally”,

    “alley” • Web for all • #accessibility, #a11y • https://a11yproject.com/ Sherry Yang - @5hel2l2y - 2019
  4. “Disability is not just a health problem. It is a

    complex phenomenon, reflecting the interaction between features of a person’s body and features of the society in which (he, she, or they) live.” –World Health Organization Sherry Yang - @5hel2l2y - 2019
  5. Tools • browser extensions • operating system supports • hardware

    simulations • role play • focus group testing Sherry Yang - @5hel2l2y - 2019
  6. Checklist ❏ visually impaired ❏ limited mobility ❏ locale ❏

    translation ❏ network limitation ❏ device / hardware Sherry Yang - @5hel2l2y - 2019
  7. Wild Wild Web Let’s put the following to the test

    • Flipboard • Slack Web App • Google Maps Sherry Yang - @5hel2l2y - 2019
  8. Slack Web App User Story Casey is visually impaired and

    uses Slack as a method to communicate with the Toronto JS group. One of the members mentioned that there are some interesting conversations in the #random channel. Casey wants to join the channel and reply to the conversation. Sherry Yang - @5hel2l2y - 2019
  9. Google Maps User Story Areeb is colour blind and is

    looking for recommendations of good coffee places around him with Google Maps on mobile. Sherry Yang - @5hel2l2y - 2019
  10. Are You an A11y Now? • What we thought the

    best, isn't always the best • The tools you could use are unlimited • The checklist is just the bare minimum • Always put on another pair of shoes, another lense, and be in another environment to experience your product Sherry Yang - @5hel2l2y - 2019