Neue Integration von Axe und Attest: Puppeteer

Wilco Fiers

By Wilco Fiers

January 24, 2019

Puppeteer-Integration

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 hat wesentliche Komponenten entfernt, die für die Funktion des Attest SonarQube-Plugins unverzichtbar sind. Deque hat keine Pläne, das SonarQube-Plugin in absehbarer Zukunft zu überarbeiten. Ab dem 23. Juli 2019 wird Deque das Attest SonarQube-Plugin nicht mehr vertreiben oder Support dafür leisten.**

Wilco Fiers

Wilco Fiers

Wilco ist seit 18 Jahren im Bereich Barrierefreiheit tätig und ist Produktmanager für die „Advanced Rules“ Dequesowie zuvor für axe-core „axe linter“. Er nimmt beim W3C eine führende Rolle ein, unter anderem als Vertreter Dequeim Beratungsausschuss, als Moderator der ACT-Taskforce und als ehemaliger Projektleiter von WCAG 3.0. Im Auftrag von Deque leitete Wilco die von der EU finanzierten Barrierefreiheitsprojekte „WAI-Tools“ und „WAI-Coop“ und hält regelmäßig Vorträge zu verschiedenen Themen im Zusammenhang mit digitaler Barrierefreiheit.

Erhalten Sie Blog-Beiträge direkt in Ihren Posteingang

Kein Geschwafel, sondern echte Erkenntnisse zum Thema Barrierefreiheit von qualifizierten Experten.

Sie erklären sich damit einverstanden, dass Deque Informationen gemäß den Bestimmungen in DequeDatenschutzerklärungbeschrieben, Informationen von Deque entgegennimmt, nutzt und weitergibt. Sie können Ihre Einwilligung jederzeit widerrufen, indem Sie uns kontaktieren.

Mehr zu diesem Thema

Testen Sie Ihre benutzerdefinierten Elemente und verlassen Sie sich auf die Ergebnisse – dank der Unterstützung von „ElementInternals“ durch Axe-core

Wilco Fiers 400 × 400 1 300 × 300
27. August 2026 Von Wilco Fiers

Wenn Sie ein großes Unternehmen sind, das aufgrund von Interoperabilitätsproblemen mit Barrierefreiheitsproblemen zu kämpfen hat, ist die Umstellung auf ElementInternals ein kluger Schachzug. Sie können standardisieren und sicher testen. Und da „ Axe-core “ nun ElementInternals unterstützt, können Sie diese Komponenten testen und sich auf die Ergebnisse verlassen.

Artikel lesen
Ein Testablauf, der eine einzelne benutzerdefinierte Schaltfläche veranschaulicht, die von „ Axe-core “ für die Frameworks React, Angular oder Vue erfasst wird

Deque und Microsoft: Zwei Jahrzehnte, in denen wir die Zukunft der Barrierefreiheit geprägt haben

beschnittenes Bild „preety kumar400x400 300x300 1 1.jpg“
25. August 2026 Von Preety Kumar

Was vor fast zwei Jahrzehnten als Austausch zwischen zwei Menschen begann, die sich leidenschaftlich für die Verbesserung der Barrierefreiheit in den digitalen Angeboten von Microsoft einsetzten, hat sich zu einer dauerhaften Partnerschaft entwickelt, die auf gemeinsamem Lernen, gegenseitigem Respekt und der gemeinsamen Überzeugung basiert, dass Barrierefreiheit in jeder Phase der Softwareentwicklung berücksichtigt werden sollte.

Artikel lesen
Preety Kumar und Jenny Lay-Flurrie führen ein Interview, im Hintergrund ist die Skyline von Seattle zu sehen.