Accessibility into Automation 2 DISCLAIMER I do not work FOR or Get paid to Promote AXE or any DEQUE products I just like using them Deque Systems aXe The Accessibility Engine open source library is a lightweight 100 KB fast portable JavaScript library that executes automated ID: 543047
Download Presentation The PPT/PDF document "1 8 October 2016" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
1
8 October 2016
Accessibility into AutomationSlide2
2
DISCLAIMER:
I do not work FOR or Get paid to Promote AXE or any DEQUE products
I just like using them!Slide3
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
QUnitJasmineMochaR-SpecCucumberSelenium JavaSelenium JavaScriptPhantomJSand any testing framework that supports JavaScript execution
3
the Accessibility Engine
AXESlide4
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.md4the Accessibility Engine
AXESlide5
5
Chrome developer tools extensionSlide6
6Slide7
7Slide8
8
Lets
AUtomateSlide9
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
9
My Automation SetupSlide10
10
Get Gulp up and RunningSlide11
11
Changes to your codeSlide12
12
Cool
RiGHT
?Slide13
13
Q&ASlide14
14
Thank
you
sethk@criticalmass.com
https://
github.com/sethkane/a11y-testing