Neue Integration in die DevTools von axe: Playwright

Michael Siek

Von Michael Siek

7. Juni 2021

axeDevTools-Playwright-Integration

Automatisierung ist der Schlüssel zu effizienten und kostengünstigen Barrierefreiheitstests. Indem wir Entwicklungsteams in die Lage versetzen, einen Großteil ihrer Barrierefreiheitstests zu automatisieren, können wir sie dabei unterstützen, Probleme schneller zu erkennen und zu beheben, bevor sie überhaupt in den Code gelangen. Dazu ist nicht nur ein präzises und schnelles Tool erforderlich, sondern auch eines, das mit dem Tempo Schritt halten kann, mit dem Entwicklerteams neue und bessere Tools sowie Testumgebungen einführen. In diesem Zusammenhang freut sich das Team von „ Deque “, unsere neuesten Integrationen bekannt zu geben: axe DevTools Playwright.

Playwright ist eine Node.js-Bibliothek zur Automatisierung von Chromium, Firefox und WebKit. Mit Playwright können Entwickler Skripte erstellen, um Seiten zu öffnen, Ereignisse auszulösen, Tests durchzuführen und vieles mehr. Dies eignet sich hervorragend für automatisierte Tests und ist eine zunehmend beliebte Alternative zu WebDriver.

Axe DevTools Playwright

Axe DevTools Playwright ist eine Integration für Playwright, die die neueste Version von axe-core nutzt. Axe DevTools Playwright bietet die gewohnten Funktionen, die Sie von Axe DevTools erwarten, darunter:

– Verschiedene Richtlinien wie WCAG 2.0, Section 508.

– Unterstützung für die Anpassung und Erweiterung von Regelsätzen.

– Verschiedene Berichtsfunktionen wie HTML, JUnit-XML.

Code-Beispiel: 

const AxeBuilder = require('@axe-devtools/playwright').default
const playwright = require('playwright')

;(async () => {
  const browser = await playwright.chromium.launch({ headless: false })
  const context = await browser.newContext()
  const page = await context.newPage()
  await page.goto('https://dequeuniversity.com/demo/mars/')
  const results = await new AxeBuilder({ page }).analyze()
  // eslint-disable-next-line no-console
  console.log(results)
  await browser.close()
})()

Axe DevTools Playwright steht Enterprise-Kunden von axe DevTools zur Verfügung und erfordert Zugriff auf Agora, die Paketregistrierungsstelle von Deque. Die Kundendokumentation zu axe DevTools Playwright finden Sie im axe DevTools-Produktleitfaden.

Michael Siek

Michael Siek

Michael arbeitet an Integrationen für „ axe-core “, „axe DevTools“ und „axe-linter“. Michaels Ziel ist es, Zeile für Zeile zur digitalen Gleichberechtigung beizutragen.

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

Neu im Axe MCP Server: Mehr automatisierte Abdeckung und optimierte Entwickler-Workflows

Automatisierte Barrierefreiheitsprüfungen helfen Teams dabei, Probleme bereits in einer frühen Phase des Entwicklungsablaufs zu erkennen und den manuellen Aufwand zu reduzieren. Einige der komplexesten Barrierefreiheitsprüfungen erforderten jedoch bislang geführte oder manuelle Tests. Mit den neuesten Updates für den Axe MCP Server können Ihre Entwickler nun noch mehr Barrierefreiheitsprüfungen direkt in ihren Programmierabläufen automatisieren.

Artikel lesen
Abbildung, die veranschaulicht, wie der Axe MCP Server zur Durchführung von zwei Aufgaben verwendet wird: Analyse auf Barrierefreiheitsprobleme mit einem erweiterten Regelsatz und Ausführung von IGT-Tastaturtests

Ich bin eine Führungskraft im Bereich Technik. Wie fange ich mit dem Thema Barrierefreiheit an?

Dylan Barrell
28. April 2026 Von Dylan Barrell

Wo sollten Sie als Führungskraft im technischen Bereich, die zum ersten Mal für die digitale Barrierefreiheit zuständig ist, ansetzen? Dieser dreistufige, 90-tägige Plan hilft Ihnen beim Einstieg.

Artikel lesen
Ein leitender Ingenieur bei der Arbeit an seinem Schreibtisch. Das Bild ist von Sprechblasen umgeben, in denen die Begriffe „Compliance“, „Werkzeuge und Tests“, „Entwicklerschulung“ und „Strategie“ zu lesen sind.