Topic

Accessibility on the Web

Summary

This episode is all about web accessibility. We’re joined by Rob Dodson, developer advocate at Google, and Alice Boxhall, software engineer at Google. We talk about why accessibility matters to everyone, even beyond people with disabilities. We dive into the implementation details, such as navigation, semantics and styling, based on Rob and Alice’s Web Accessibility course. We explore various guidelines and learning resources to improve your design and implementation.

Panelists

Rob Dodson @rob_dodson

Alice Boxhall @sundress

Host

Ray Shan @rayshan https://shan.io

Links

Web Content Accessibility Guidelines (WCAG) 2.0

https://www.w3.org/TR/WCAG20/

U.S. Section 508 of the Rehabilitation Act

https://www.section508.gov/

Free Udacity Web Accessibility course by Google

https://www.udacity.com/course/web-accessibility--ud891

tabindex attribute

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Heydon Pickering

http://www.heydonworks.com/

Inclusive Design at Microsoft

https://www.microsoft.com/en-us/design/inclusive

Webkit no longer respects user-scalable=no

https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/

Testing tools

aXe / axe-cli

https://github.com/dequelabs/axe-core

https://github.com/dequelabs/axe-cli

WAVE

http://wave.webaim.org/

tota11y

http://khan.github.io/tota11y/

Lighthouse for progressive web apps

https://developers.google.com/web/tools/lighthouse/

Accessibility tools in Chrome DevTools

https://www.youtube.com/watch?v=pBJZsp5LsOE

macOS VoiceOver

https://help.apple.com/voiceover/info/guide/10.12/

NVDA (NonVisual Desktop Access)

https://www.nvaccess.org/

Learning Resources

Google Developers - Web Fundamentals - Accessibility

https://developers.google.com/web/fundamentals/accessibility/

A11ycasts

https://www.youtube.com/watch?v=g9Qff0b-lHk&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g

WebAIM and its mailing list

http://webaim.org/

Web Accessibility Slack

https://web-a11y.herokuapp.com/

Accessible Rich Internet Applications (WAI-ARIA) specs and Authoring Practices

https://www.w3.org/TR/wai-aria/

https://www.w3.org/TR/wai-aria-practices-1.1/

Good accessibility reference implementations

Bootstrap http://v4-alpha.getbootstrap.com/getting-started/accessibility/

Medium https://medium.com/

Apple https://www.apple.com/

GitHub https://github.com/

Accessibility Wins

https://a11ywins.tumblr.com/