Accessibility into Automation 8 October 2016

DISCLAIMER: I do not work FOR or Get paid to Promote AXE or any DEQUE products I just like using them!

the Accessibility Engine AXE the Accessibility Engine Deque System’s aXe (The Accessibility Engine) open source library is a lightweight (~100 KB), fast, portable JavaScript library that executes automated accessibility testing inside your testing framework or browser of choice. Chrome developer tools extension Karma QUnit Jasmine Mocha R-Spec Cucumber Selenium Java Selenium JavaScript PhantomJS and any testing framework that supports JavaScript execution

the Accessibility Engine AXE the Accessibility Engine Axe-core git repo: https://github.com/dequelabs/axe-core API Documentation: https://github.com/dequelabs/axe-core/blob/master/doc/API.md Other projects: https://github.com/dequelabs/axe-core/blob/master/doc/projects.md

Chrome developer tools extension

Lets AUtomate

My Automation Setup Gulp: Is a toolkit that helps you automate painful or time-consuming tasks in your development workflow. http://gulpjs.com/ SASS: An extension of CSS that adds power and elegance to the basic language. It allows to use variables, nested rules, mixins, inline imports, and more. http://sass-lang.com/ webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. https://webpack.github.io/ Browsersync: Makes your browser testing workflow faster by synchronizing URLs, interactions and code changes across multiple devices. It’s wicked-fast and totally free. https://www.browsersync.io/ gulp-axe-webdriver: Gulp plugin for aXe utilizing WebDriverJS https://github.com/felixzapata/gulp-axe-webdriver

Get Gulp up and Running

Changes to your code

Cool RiGHT?

Q&A

Thank you sethk@criticalmass. com https://github