S04E07 - Accessibility with Rob Dodson and Alice Boxhall




Modern Web show

Summary: <p><strong>Topic</strong></p><br> <p><span style="font-weight: 400;">Accessibility on the Web</span></p><br> <p><strong>Summary</strong></p><br> <p><span style="font-weight: 400;">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.</span></p><br> <p><strong>Panelists</strong></p><br> <p><span style="font-weight: 400;">Rob Dodson </span><a href="https://twitter.com/rob_dodson"><span style="font-weight: 400;">@rob_dodson</span></a></p><br> <p><span style="font-weight: 400;">Alice Boxhall </span><a href="https://twitter.com/sundress"><span style="font-weight: 400;">@sundress</span></a></p><br> <p><strong>Host</strong></p><br> <p><span style="font-weight: 400;">Ray Shan @rayshan </span><a href="https://shan.io"><span style="font-weight: 400;">https://shan.io</span></a></p><br> <p><strong>Links</strong></p><br> <p><span style="font-weight: 400;">Web Content Accessibility Guidelines (WCAG) 2.0</span></p><br> <p><a href="https://www.w3.org/TR/WCAG20/"><span style="font-weight: 400;">https://www.w3.org/TR/WCAG20/</span></a></p><br> <p><span style="font-weight: 400;">U.S. Section 508 of the Rehabilitation Act</span></p><br> <p><a href="https://www.section508.gov/"><span style="font-weight: 400;">https://www.section508.gov/</span></a></p><br> <p><span style="font-weight: 400;">Free Udacity Web Accessibility course by Google</span></p><br> <p><a href="https://www.udacity.com/course/web-accessibility--ud891"><span style="font-weight: 400;">https://www.udacity.com/course/web-accessibility--ud891</span></a></p><br> <p><span style="font-weight: 400;">tabindex attribute</span></p><br> <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex"><span style="font-weight: 400;">https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex</span></a></p><br> <p><span style="font-weight: 400;">Heydon Pickering</span></p><br> <p><a href="http://www.heydonworks.com/"><span style="font-weight: 400;">http://www.heydonworks.com/</span></a></p><br> <p><span style="font-weight: 400;">Inclusive Design at Microsoft</span></p><br> <p><a href="https://www.microsoft.com/en-us/design/inclusive"><span style="font-weight: 400;">https://www.microsoft.com/en-us/design/inclusive</span></a></p><br> <p><span style="font-weight: 400;">Webkit no longer respects user-scalable=no</span></p><br> <p><a href="https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/"><span style="font-weight: 400;">https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/</span></a></p><br> <p><span style="font-weight: 400;">Testing tools</span></p><br> <p><span style="font-weight: 400;">aXe / axe-cli</span></p><br> <p><a href="https://github.com/dequelabs/axe-core"><span style="font-weight: 400;">https://github.com/dequelabs/axe-core</span></a></p><br> <p><a href="https://github.com/dequelabs/axe-cli"><span style="font-weight: 400;">https://github.com/dequelabs/axe-cli</span></a></p><br> <p><span style="font-weight: 400;">WAVE</span></p><br> <p><a href="http://wave.webaim.org/"><span style="font-weight: 400;">http://wave.webaim.org/</span></a></p><br> <p><span style="font-weight: 400;">tota11y</span></p><br> <p><a href="http://khan.github.io/tota11y/"><span style="font-weight: 400;">http://khan.github.io/tota11y/</span></a></p><br> <p><span style="font-weight: 400;">Lighthouse for progressive web apps</span></p><br> <p><a href="https://developers.google.com/web/tools/lighthouse/"><span style="font-weight: 400;">https://developers.google.com/web/tools/lighthouse/</span></a></p><br>