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/

Twitter Mentions