Logo
    Search

    9: Web Accessibility for JavaScript Components and Custom Elements

    enSeptember 03, 2014

    About this Episode

    In Episode 9, ‘Web Accessibility for JavaScript Components and Custom Elements’. Steve Faulkner (@stevefaulkner) from The Paciello Group and Marcy Sutton (@marcysutton) from Substantial discuss the lack of focus in product development today in building accessible applications & services. Many times web accessibility becomes an afterthought in creating a software product, having little prioritization from the business side until it is a problem. Retrofitting such an important part of our development can make web accessibility seem more like a chore with low ROI for the the time taken to implement it. It can be easy if developers know how to do it and hardly any work when it is successfully incorporated into a development process and it’s valued at the business level.

     

    With recent advances in the past few years in JavaScript MV* frameworks like Angular, React, & Ember we are seeing the need for web accessibility more and more. Heavy JavaScript applications tend to provide little or wrong functionality for things we take for granted like keyboard access. Examples on modifying these to better attend to user experience traditionally meant lots of overhead in development by forking the framework and updating it constantly. Based on the resources developers typically find in online searches & Roles the lack of good developer examples, WAI ARIA & even simple accessibility is easy to misunderstand.

     

    Many newer client side frameworks focus on componentization of HTML elements. Angular Directives, Ember Components, React Classes and Web Components. Componentization gives developers a chance to build much faster and easier Web Accessibility using various tools like WAI ARIA roles at a much more focused & reusable level. What is the future of Web Accessibility with these technologies? Why are we so concerned about Web Accessibility?

     

    References:

    https://github.com/marcysutton/accessibility-of-mvcs

    http://www.w3.org/TR/wai-aria/appendices#a_schemata

    https://www.youtube.com/watch?v=BgvDZZ8Ms8c

    https://www.youtube.com/watch?v=ZPsb-RR8SC0

    http://w3c.github.io/aria-in-html/

    https://www.youtube.com/watch?v=_IBiXfxhF-A

    http://www.polymer-project.org/articles/accessible-web-components.html

    http://marcysutton.com/target-corporate-website/

    http://www.w3.org/TR/2013/WD-components-intro-20130606/#decorator-section

    http://www.paciellogroup.com/blog/

    http://www.paciellogroup.com/resources/wat/

    http://www.w3.org/WAI/intro/aria

    http://webaim.org/

    https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

     

    Recent Episodes from The Web Platform Podcast

    203: Learning Losses For the Web Platform

    203: Learning Losses For the Web Platform

    Do developers still learn the foundational aspects of the Web Platform? Justin and Erik dates themselves and argue about what them there whippersnappers are learning about building on the web platform today.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/203-learning-losses-for-the-web-platform

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

    The Web Platform Podcast
    enOctober 03, 2022

    201: Evolution of Modern JavaScript live @ OpenJS World 2020

    201: Evolution of Modern JavaScript live @ OpenJS World 2020

    To say the way we use and write JavaScript has evolved since the launch of ES2015 is an understatement. Atomics, TypedArrays, globalThis, and function generators are just a few ways JavaScript has grown up to meet the needs of a growing web platform. But it's not just language that has evolved, it's our entire toolchain as we have come to rely on compiled JavaScript as the "new normal". Join for a very special episode of The Web Platform podcast as we discuss all this and more with our invited expert on all things ECMA - Jordan Harband at OpenJS World 2020.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/201-evolution-of-modern-javascript-live-@-openjs-world-2020

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

    200: Pika and Snowpack

    200: Pika and Snowpack

    Episode 200 marks the return of Amal Hussein back to the panel! Amal, Danny, and Erik chat with Fred K. Schott about Pika, Snowpack, and the future of web development and tooling. Snowpack is an innovative approach to creating fast dev environments without crazy reloading times and complications. That is only the tip of the iceberg for Pika. A plethora of tools for modern web development is here and ready for you.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/200-pika-and-snowpack

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

    199: Deno

    199: Deno

    Deno is a secure runtime for JavaScript & TypeScript created by the creator of Node.js (Ryan Dahl). David Else, software developer at Else Web Development, has been working with the project for a while aND talks with Danny and Erik about the latest Deno release.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/199-deno

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.