S04E07 - Accessibility with Rob Dodson and Alice Boxhall
03/27/17 • 60 min
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
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
Previous Episode
S04E06 - Web Analytics with Andy Elliott (Google) and Calvin French-Owen (Segment)
Topic
The What, Why and How of Web Analytics
Summary
Calvin French-Owen, CTO of Segment, and Andy Elliott, business analyst at Google, join us to discuss analytics. We talk about what business metrics to measure and how to select analytics vendors for businesses large and small. We also discuss the technical challenges of analytics instrumentation, such as measuring web apps vs. websites, automation and data schema design.
Panelists
Calvin French-Owen @calvinfo http://calv.info
Andy Elliott https://www.linkedin.com/in/andrewwelliott
Host
Ray Shan @rayshan https://shan.io
Links
Segment
Google Analytics
https://www.google.com/analytics/#?modal_active=none
Mixpanel pushing for meaningful metrics beyond pageviews
http://allthingsd.com/20121217/andreessen-and-mixpanel-call-for-an-end-to-bullshit-metrics/
Adobe Analytics (Omniture)
http://www.adobe.com/marketing-cloud/web-analytics.html
Amplitude
Customer.io
Amazon Redshift
https://aws.amazon.com/redshift/
Google BigQuery
https://cloud.google.com/bigquery/
Automated instrumentation
Google Analytics autotrack
https://github.com/googleanalytics/autotrack
Heap
Coverage on “data lake”
https://martinfowler.com/bliki/DataLake.html
http://www.pwc.com/us/en/technology-forecast/2014/cloud-computing/features/data-lakes.html
Next Episode
S04E08 - Vue.js with Evan You and Sarah Drasner
Topic
Vue.js with creator Evan You and Sarah Drasner
Summary
Vue.js is a JavaScript UI framework built to be approachable, versatile and performant. Its creator Evan You and the award winning writer of CSS-Tricks Sarah Drasner join us to discuss the creation of Vue.js, the beginner learning curve, how it handles data and animations, and how it differs from Angular and React.
Panelists
Evan You @youyuxi http://evanyou.me/
Sarah Drasner @sarah_edo https://sarahdrasnerdesign.com/
Host
Ray Shan @rayshan https://shan.io
Links
Vue.js
Angular
Laravel
Object.defineProperty()
Getter / setters in JavaScript
http://speakingjs.com/es5/ch17.html#getters_setters
http://exploringjs.com/es6/ch_classes.html#_getters-and-setters
Animations in Angular
https://angular.io/docs/ts/latest/guide/animations.html
React Motion
https://github.com/chenglou/react-motion
Redux
Vuex
MobX
RxJS
Ben Lesh
Chris Fritz
https://github.com/chrisvfritz
Evan’s Patreon
https://www.patreon.com/evanyou
Sarah’s CodePen
Upcoming VueConf in Poland, June 2017
If you like this episode you’ll love
Episode Comments
Generate a badge
Get a badge for your website that links back to this episode
<a href="https://goodpods.com/podcasts/modern-web-197136/s04e07-accessibility-with-rob-dodson-and-alice-boxhall-19326695"> <img src="https://storage.googleapis.com/goodpods-images-bucket/badges/generic-badge-1.svg" alt="listen to s04e07 - accessibility with rob dodson and alice boxhall on goodpods" style="width: 225px" /> </a>
Copy