On #GivingTuesday consider a gift to AIRSupport tech access for people of all abilities
Skip to Main Content

Bring Your Own Framework Accessibility - JS-powered Inclusion for Modern Web Experiences

taught by: Robert Jolly

Session Summary:

Angular, React, Vue, Polymer, Ember, Backbone, HotDog… say what? No matter what framework you’re using, accessibility—like the proverbial Honey Badger—don’t care!

We’ll look into rich, interactive user experiences and talk about what accessibility DOES care about in our code so that you’ll be empowered to make whatever framework or vanilla coding approach be more inclusive, accessible, and usable.

Description:

While some excellent efforts have been made by individuals and teams contributing to open source projects, no single framework can make the claim of being genuinely accessibility-friendly. Every day, people contribute code to projects, create examples and prototypes, and even teach “best practices” in using JavaScript frameworks without considering accessibility. Worse still, inaccessible code is introduced into the wild for others to consume and reuse en masse. We’re not going to solve that problem in this session. But, we’re not going to say to hell with it all and not use modern tools and techniques for building our sites either.

With that in mind, this session is designed for us to explore how accessibility is platform agnostic. This can be a liberating concept. We’re free to experiment with frameworks that may be new and, possibly, more appropriate for our projects than the same old, same old. And, we can make our work inclusive, regardless of our approach and code of choice.

Accessibility barriers get introduced because we, as designers and developers, construct them in our products, despite the framework we’ve chosen (or may feel compelled) to use. Understanding that will lead us to a place—perhaps a nirvana—where we can clearly understand how to use any JavaScript package or system with confidence and grace, especially where accessibility is concerned. In this session, we’ll cover:

  • Common issues found in JS framework-powered sites,
  • How semantic HTML is essential for accessible experiences and how to achieve that while using a code framework,
  • How to unit test before each commit to ensure we catch and resolve accessibility issues,
  • How to use “other people’s code” components even when they’ve flaked out entirely on the accessibility front.

Practical Skills:

Framework-agnostic accessibility knowledge and skills to make your next project even better for everyone.

Prerequisites:

Some web development experience is required.

Presentation Materials: