Modern Web

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/

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

https://segment.com/

 

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

https://amplitude.com/

 

Customer.io

https://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

https://heapanalytics.com

 

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

In this episode, Stephen Fluin (@stephenfluin), Angular core team member and Tracy Lee (@ladyleet) interview Alex Castillo (@castillo__io) and Uri Shaked (@urishaked) on unique and interesting projects utilizing Angular (2).

With these two pushing the edge on what is possible with JavaScript and as speakers on the upcoming ngcruise, listen in to hear about IoT, neurojavascript, and Angular.

Guests

Alex Castillo (@castillo__io)

Uri Shaked (@urishaked)

Hosts

Tracy Lee (@ladyleet)

Stephen Fluin (@stephenfluin)

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @moderndotweb.

In this episode of the Modern Web podcast - Ben Lesh stars as the Jerry Springer of JavaScript stirs things up with the Polymer team Monica Dinculescu and Fred Schott with hard questions about louder voices representing Polymer on twitter and the reasoning behind perceived abrasiveness.

Thankfully, no one gets pregnant in this episode and hard conversations are all in jest. The meat of this podcast is centered around the difference between Polymer and web components, composable components nested inside svg, where browsers are in supporting native custom elements, web components versus frameworks, the concept of using the platform, using Polymer in frameworks like Angular 2, the progression of the polymer-cli.

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

Tracy Lee interviews Ben Lesh at React Rally. They discuss the React community compared to other JavaScript communities, which they boil down to being very similar to a “choose-your-own-adventure”. Important things to note in this podcast: The benefits and costs of new ES2015 features, Node’s position in the JavaScript ecosystem and how TC39 standards are affecting the node ecosystem, senior developers mentoring and making junior developers feel comfortable, the promises spec and cancellation tokens with observables. Other topics: how React trainings differ from Angular or Ember trainings, the new create-react-app and why it’s so amazing, the new screencast site Yolobrolo, and why @godtributes is the most amazing twitter bot ever. Ben also might have said that Dan Abramov is a React superstar, but you’ll have to listen to be sure. Tracy called out Ben on not wearing the hat that Sam Saccone’s mother purchased him. Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.