Accessibility Note

This presentation uses an out-of-the box HTML slideshow script which by itself is inaccessible. Keybindings exist to traverse forward and backward with arrow keys, but focus never shifts as the slides advance. The slides themselves are well structured, so you can use a read-all command to listen to everything linearly. I've also added a live region which should work well for screen readers that support live regions. As you traverse through the slides using arrow keys, the slide's content will be added to the live region. If all else fails, you can also access the slideshow content by turning off CSS and JavaScript.

All external links open in a new window.

The new hotness

How we use Node, Phantom, Grunt, Bower, Chai, Wercker, and more to build and deploy the next generation of accessibility testing tools.

I am a Viking

Modern Web Toolsets

Boilerplates & Scaffolding

Templating

Libraries

Frameworks

Version Control

Unit Testing

Automated Build & Deploy

Task Automation

Accessibility lags behind

Separate and unequal

Some history

Headless Horsemen

We Need Integration

Not Separation

Integration

Introducing Tenon

Tenon.io

Tenon.io will have a web-based UI

Tenon is Flexibility

Example of Tenon's JSON response in Terminal

Tenon is Flexibility

Example of Tenon's JSON response in Postman

Tenon is Flexibility

Tenon in web developer toolbar

Tenon is Flexibility

Tenon can be used as a JavaScript snippet in every page

Tenon is Flexibility

Grunt Tenon in the PHPStorm IDE

Tenon is Flexibility

Tenon could be used as part of a build process for a system like Atlassian Bamboo

Tenon is Flexibility

Output could be dumped to CSV file

Quality & Tenon

Quality & Tenon

Tenon uses Codeception for unit test and acceptance test of the PHP that drive's the web UI

Quality & Tenon

Tenon uses Grunt to run unit tests of JS

Quality & Tenon

Tenon uses Wercker for website deploy tasks.

Quality & Tenon

Tenon uses Karma/ Chai to test the tests

Contact Me

Karl Groves

Phone
+1 410.541.6829
Email
karl@karlgroves.com
Work
The Paciello Group
Twitter
@karlgroves
Blog
karlgroves.com
LinkedIn
http://www.linkedin.com/in/karlgroves