Accessibility Basics

Description

If you ever use the elevator, subtitles to watch that cat video during a boring meeting, or tabbed through a form, you have used an accessibility feature. As a community we understand that accessibility is necessary but when it comes to implementation, we often fall short.

This app is the base for a hands on workshop for those interested in learning how to get started.

Demo

https://m2d2co.github.io/accessibility-basics/

Getting Started

Branches

• latest has the accessible version of the application.
• start has the starting point for the workshop. This branch includes errors that will be tested for, explained, and fixed during the workshop.

Running the code

1. $ npm start: serve the application on localhost:8080.

Note: Most accessibility plugins such as axe or wave require the application to be served.

Note: A modern browser is necessary because the code relies on:

• HTML
• CSS
• JavaScript ES6 syntax
• IndexedDb