Modern Web
Modern Web
MW S04E07 - Accessibility with Rob Dodson and Alice Hall
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
U.S. Section 508 of the Rehabilitation Act
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
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
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)
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
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
