Alice Boxhall's guest appearances

Alice Boxhall

Modern Web

Jason Miller

Adam Wathan

Brent Vatne

Kent C Dodds

David Khourshid

Jerry Springer

Guillermo Rauch

Kent C. Dodds

Sarah Drasner

David Price

Mark Thompson

Rachel Andrew

Jen Luker

Nader Dabit

Sara Vieira

OwlTail

Rob Dodson

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&amp;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/

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 <a href="https://twitter.com/rob_dodson" rel="nofollow" target="_blank">@rob_dodson</a> Alice Boxhall <a href="https://twitter.com/sundress" rel="nofollow" target="_blank">@sundress</a> Host Ray Shan @rayshan <a href="https://shan.io" rel="nofollow" target="_blank">https://shan.io</a> Links Web Content Accessibility Guidelines (WCAG) 2.0 <a href="https://www.w3.org/TR/WCAG20/" rel="nofollow" target="_blank">https://www.w3.org/TR/WCAG20/</a> U.S. Section 508 of the Rehabilitation Act <a href="https://www.section508.gov/" rel="nofollow" target="_blank">https://www.section508.gov/</a> Free Udacity Web Accessibility course by Google <a href="https://www.udacity.com/course/web-accessibility--ud891" rel="nofollow" target="_blank">https://www.udacity.com/course/web-accessibility--ud891</a> tabindex attribute <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex" rel="nofollow" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex</a> Heydon Pickering <a href="http://www.heydonworks.com/" rel="nofollow" target="_blank">http://www.heydonworks.com/</a> Inclusive Design at Microsoft <a href="https://www.microsoft.com/en-us/design/inclusive" rel="nofollow" target="_blank">https://www.microsoft.com/en-us/design/inclusive</a> Webkit no longer respects user-scalable=no <a href="https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/" rel="nofollow" target="_blank">https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/</a> Testing tools aXe / axe-cli <a href="https://github.com/dequelabs/axe-core" rel="nofollow" target="_blank">https://github.com/dequelabs/axe-core</a> <a href="https://github.com/dequelabs/axe-cli" rel="nofollow" target="_blank">https://github.com/dequelabs/axe-cli</a> WAVE <a href="http://wave.webaim.org/" rel="nofollow" target="_blank">http://wave.webaim.org/</a> tota11y <a href="http://khan.github.io/tota11y/" rel="nofollow" target="_blank">http://khan.github.io/tota11y/</a> Lighthouse for progressive web apps <a href="https://developers.google.com/web/tools/lighthouse/" rel="nofollow" target="_blank">https://developers.google.com/web/tools/lighthouse/</a> Accessibility tools in Chrome DevTools <a href="https://www.youtube.com/watch?v=pBJZsp5LsOE" rel="nofollow" target="_blank">https://www.youtube.com/watch?v=pBJZsp5LsOE</a> macOS VoiceOver <a href="https://help.apple.com/voiceover/info/guide/10.12/" rel="nofollow" target="_blank">https://help.apple.com/voiceover/info/guide/10.12/</a> NVDA (NonVisual Desktop Access) <a href="https://www.nvaccess.org/" rel="nofollow" target="_blank">https://www.nvaccess.org/</a> Learning Resources Google Developers - Web Fundamentals - Accessibility <a href="https://developers.google.com/web/fundamentals/accessibility/" rel="nofollow" target="_blank">https://developers.google.com/web/fundamentals/accessibility/</a> A11ycasts <a href="https://www.youtube.com/watch?v=g9Qff0b-lHk&amp;list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g" rel="nofollow" target="_blank">https://www.youtube.com/watch?v=g9Qff0b-lHk&amp;list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g</a> WebAIM and its mailing list <a href="http://webaim.org/" rel="nofollow" target="_blank">http://webaim.org/</a> Web Accessibility Slack <a href="https://web-a11y.herokuapp.com/" rel="nofollow" target="_blank">https://web-a11y.herokuapp.com/</a> Accessible Rich Internet Applications (WAI-ARIA) specs and Authoring Practices <a href="https://www.w3.org/TR/wai-aria/" rel="nofollow" target="_blank">https://www.w3.org/TR/wai-aria/</a> <a href="https://www.w3.org/TR/wai-aria-practices-1.1/" rel="nofollow" target="_blank">https://www.w3.org/TR/wai-aria-practices-1.1/</a> Good accessibility reference implementations Bootstrap <a href="http://v4-alpha.getbootstrap.com/getting-started/accessibility/" rel="nofollow" target="_blank">http://v4-alpha.getbootstrap.com/getting-started/accessibility/</a> Medium <a href="https://medium.com/" rel="nofollow" target="_blank">https://medium.com/</a> Apple <a href="https://www.apple.com/" rel="nofollow" target="_blank">https://www.apple.com/</a> GitHub <a href="https://github.com/" rel="nofollow" target="_blank">https://github.com/</a> Accessibility Wins <a href="https://a11ywins.tumblr.com/" rel="nofollow" target="_blank">https://a11ywins.tumblr.com/</a>

S04E07 - Accessibility with Rob Dodson and Alice Boxhall