S04E07 - Accessibility with Rob Dodson and Alice Boxhall
TopicAccessibility on the WebSummaryThis 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.PanelistsRob Dodson @rob_dodsonAlice Boxhall @sundressHostRay Shan @rayshan https://shan.ioLinksWeb Content Accessibility Guidelines (WCAG) 2.0https://www.w3.org/TR/WCAG20/U.S. Section 508 of the Rehabilitation Acthttps://www.section508.gov/Free Udacity Web Accessibility course by Googlehttps://www.udacity.com/course/web-accessibility--ud891tabindex attributehttps://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindexHeydon Pickeringhttp://www.heydonworks.com/Inclusive Design at Microsofthttps://www.microsoft.com/en-us/design/inclusiveWebkit no longer respects user-scalable=nohttps://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/Testing toolsaXe / axe-clihttps://github.com/dequelabs/axe-corehttps://github.com/dequelabs/axe-cliWAVEhttp://wave.webaim.org/tota11yhttp://khan.github.io/tota11y/Lighthouse for progressive web appshttps://developers.google.com/web/tools/lighthouse/Accessibility tools in Chrome DevToolshttps://www.youtube.com/watch?v=pBJZsp5LsOEmacOS VoiceOverhttps://help.apple.com/voiceover/info/guide/10.12/NVDA (NonVisual Desktop Access)https://www.nvaccess.org/Learning ResourcesGoogle Developers - Web Fundamentals - Accessibilityhttps://developers.google.com/web/fundamentals/accessibility/A11ycastshttps://www.youtube.com/watch?v=g9Qff0b-lHk&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7gWebAIM and its mailing listhttp://webaim.org/Web Accessibility Slackhttps://web-a11y.herokuapp.com/Accessible Rich Internet Applications (WAI-ARIA) specs and Authoring Practiceshttps://www.w3.org/TR/wai-aria/https://www.w3.org/TR/wai-aria-practices-1.1/Good accessibility reference implementationsBootstrap http://v4-alpha.getbootstrap.com/getting-started/accessibility/Medium https://medium.com/Apple https://www.apple.com/GitHub https://github.com/Accessibility Winshttps://a11ywins.tumblr.com/.
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