Accessibility + JS

Attending SeattleJS Conference – Marcy Sutton talking about JavaScript and Civil Rights

https://marcysutton.github.io/javascript-and-civil-rights/#/26

Have click events on buttons!  Don’t put them on divs!

If you need a custom control, then you need to add a button role!

Roles:

<div role=”checkbox” …

State:

<div aria-checked=”true” …

Property:

<div aria-label=”Subscribe” …

Testing for focus management!  Use axe-core for testing engine.

npm install axe-core

Integrate axe-core with Selenium via axe-webdriver

var AxeBuilder = require(‘axe-webdriverjs’), WebDriver = require(‘selenium-webdriver’); var driver = new WebDriver.Builder() .forBrowser(‘chrome’).build();