Illustration of puppet strings attached to the axe and Attest tools logos

New Axe and Attest Integration: Puppeteer

Automation is the key to efficient and affordable accessibility testing. By enabling development teams to automate much of their accessibility, we can empower them to find issues faster and resolve them before they ever make it into the codebase. Not only does this require a tool that is accurate and fast, it requires a tool that can keep up with the speed at which dev teams adopt new and better tools and testing environments.  On that note, the Deque team is pleased to announce our latest integrations: axe-puppeteer and attest-puppeteer.

Puppeteer is a NodeJS library used to control Google Chrome. With Puppeteer, developers can create scripts to open pages, trigger events, run tests, and lots more. This is great for automated testing and is an increasingly popular alternative to Webdriver.

Axe-puppeteer

Axe-puppeteer is an integration for Puppeteer that uses the latest version of axe-core. It is available on NPM, and can be installed by running npm install axe-puppeteer from the command line.

Usage:

const { AxePuppeteer } = require('axe-puppeteer')
const puppeteer = require('puppeteer')

(async () => {
    const browser = await puppeteer.launch()
    const page = await browser.newPage()
    await page.setBypassCSP(true)
    await page.goto('https://dequeuniversity.com/demo/mars/')

    const results = await new AxePuppeteer(page).analyze()
    console.log(results)

    await page.close()
    await browser.close()
})()

You can find other available integrations on our axe integrations page and our list of projects using axe-core on Github.

Attest-puppeteer

Attest-puppeteer is built on top of axe-puppeteer and comes with the usual features you have come to expect from Attest, including:

  • Multiple rulesets such as WCAG 2.0, Section 508, Dev-min.
  • Support for ruleset customization and augmentation.
  • Various reporting capabilities such as HTML, JUnit XML, SonarQube**.

Attest-puppeteer is available for customers of WorldSpace Attest and requires access from Agora, Deque’s package registry. Attest-puppeteer will be released along with updates to other Attest Node projects under version 2.6.0. Customer documentation for Attest-puppeteer can be found in the Attest HTMl 2.6 user guide (login required).

To learn more about WorldSpace Attest, see deque.com/tools/worldspace-attest/. For questions about WorldSpace Attest, you can email support@deque.com.

**SonarQube has removed essential components that are integral to the function of the Attest SonarQube Plugin. Deque has no plans to rework the SonarQube Plugin in the foreseeable future. As of July 23, 2019, Deque will no longer distribute or provide support for the Attest SonarQube Plugin

photo of Wilco Fiers

About Wilco Fiers

Wilco is the principal product owner of axe-core and axe DevTools at Deque Systems. He is based in the Netherlands and has worked in accessibility for over 18 years. During this time, Wilco has worked in auditing, consulting, standards authoring, and accessibility tool development. Notable work includes being project manager of WCAG 3, founding chair of ACT Rules Community, lead developer of axe Linter and WCAG-EM report tool, and industry advisor to the EU's Web Accessibility Directive Expert Group.