a11yTOConf2019

Garbage Pail Compilation

Speaker: Marcy Sutton
Twitter: @marcysutton
URL: http://marcysutton.github.io/
Slide Deck: https://marcysutton.github.io/garbage-pail-components/

User with disabilities quotes

How do you feel when a site is not accessible:

• “I get frustrated!”
• “I’ll leave the site, but in case of banking websites have no option but to look for help. Makes me feel dependent.”
• “I feel excluded. Invisible”

Acknowledge the pain:
People with disabilities encounter them on a regular basis

KEYBOARD TRAPS

Yes:

• Modal dialogs
• Calendar widgets
• Games (maybe)

No:

• Text inputs
• Combo boxes
• Rich textareas

Carousel

Even though we don’t like them, this is an example on how to do it properly
http://www.w3org.org/WAI/tutorials/carousels/

Resources

A11y in JavaScript Applications on the Web
http://frontendmasters.com/workshops/javascript-accessibility

The WebAIM Million
http://webaim.org/projects/million

Javascript tool to disable the mouse!
npm install no-mouse-days

Inert Element
https://github.com/WICG/inert

Modal Dialog Accessibility
https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/