S04E07 - Accessibility with Rob Dodson and Alice Boxhall

Modern Web

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

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/

Audio Player

-
--:--
--:--