Making Modern JavaScript Frameworks Accessible

It seems like every other day a new JavaScript framework is announced. The requests for JavaScript framework skills are rising. The websites and apps being built on these frameworks are many. At the same time, due to the Australian Government’s push for web accessibility, we have seen an increase in projects that require developers who understand accessibility. This leads us to the inevitable question: how do JavaScript frameworks address accessibility and what changes when frameworks allow you to create your own custom HTML elements?

Let’s investigate what a developer needs to consider when creating their own HTML elements in JavaScript frameworks. To do this, we will look into some of the top JS frameworks in use (Angular, Ember, React, Polymer) and provide an overview of how each project differs slightly yet the principles for making accessible elements remain the same.