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/
S05E05 What's Going on in VR? with Ben Lesh, Tracy Lee, Aysegul Yonet, and Martin Splitt
S05E04 CSS Grid with Rachel Andrew, Jennifer Luker, and Necoline Hubner
S05E03 The Truth About Developer Relations with Simona Cotin, Tara Manicsic, Tierney Cyren, and Tracy Lee
S05E02 Proposals Coming to your Browser with Ben Lesh, Tracy Lee, Jake Archibald, and Jay Phelps
S05E01 State Management with Taras Mankovski, Tim Dorr, Michel Weststrate, and Charles Lowell
S04E12 - Web A11y with Jen Luker and Necoline Hubner
S04E14 Current State of WebAssembly with Sean Larkin, Jay Phelps, Ben Lesh, and Tracy Lee
S04E11 - The Future of RxJS 6 & 7 - Roadmapping Operators with Ben Lesh and Tracy Lee
S04E10 - The New Payment Request API with Molly Dalton, Zach Koch, and Ray Shan
S04E09 - Promoting Diversity in TC39 with Leo Balter and Tracy Lee
S04E08 - Vue.js with Evan You and Sarah Drasner
S04E06 - Web Analytics with Andy Elliott (Google) and Calvin French-Owen (Segment)
S04E05 - NeuroJavaScript + Angular of Things with Stephen Fluin, Alex Castillo, and Uri Shaked
S04E04 - Firefox Developer Tools with James Long
S04E03 - UI Components - Challenges and Best Practices Across Web and Native
S04E02 - Polymer and Web Components vs Frameworks (Jerry Springer Edition)
S04E01 - Data Visualization on the Web with DataSketches
S03E06 - React Router, HistoryJS, State Management, Webpack vs Rollup, and more (React Rally Edition)
S03E07 - React, Node, TC39, Cancellable Promises, and Observables, Oh My! (React Rally Edition)
Join Podbean Ads Marketplace and connect with engaged listeners.
Advertise Today
Create your
podcast in
minutes
It is Free
Insight Story: Tech Trends Unpacked
Zero-Shot
Fast Forward by Tomorrow Unlocked: Tech past, tech future
Black Wolf Feed (Chapo Premium Feed Bootleg)
Bannon`s War Room