Willkommen bei Axe DevTools für das Web

Wir bei Deque Systems haben Axe DevTools für das Web entwickelt, um es Ihnen zu erleichtern, automatisierte Barrierefreiheitstests in Ihren Entwicklungsprozess zu integrieren. Wir glauben, dass das Vermeiden von Barrierefreiheitsfehlern durch automatisierte Tests der effizienteste und nachhaltigste Weg ist, um zugängliche Produkte zu schaffen.

Axe DevTools für das Web baut auf unserem Axe-Core Produkt auf, welches die beliebteste Open-Source-Testengine für Barrierefreiheit ist.

Jede unten beschriebene Komponente wird nach den gleichen Barrierefreiheitsstandards geprüft. Siehe Regelsätze für die Standards, aus denen Sie wählen können, und das Glossar für die in dieser Dokumentation verwendete Terminologie.

Die Komponenten von Axe DevTools für das Web

Axe DevTools für das Web umfasst die folgenden Komponenten, um Barrierefreiheitstests in verschiedenen Phasen Ihres Entwicklungsprozesses zu integrieren.

• Axe Developer Hub: Vereinheitlichen Sie Ihre Barrierefreiheitstests über Plattformen hinweg
• Axe DevTools Linter: Erkennen Sie Barrierefreiheitsprobleme, während Sie programmieren
• Axe DevTools Browser-Erweiterung: Prüfen Sie Barrierefreiheit direkt aus Ihrem Browser
• Axe Watcher: Fügen Sie Ihren bestehenden Web-Test-Suites schnell Barrierefreiheitstests hinzu
• Web-APIs: Automatisieren Sie Ihre Barrierefreiheitstests
• CLI: Prüfen Sie Barrierefreiheit von der Kommandozeile

Axe Developer Hub: Vereinheitlichen Sie Ihre Barrierefreiheitstests über Plattformen hinweg

Deque's Axe Developer Hub bietet eine umfassende Plattform für Barrierefreiheitstests, die Ergebnisse aus mehreren Quellen innerhalb Ihres Entwicklungsworkflows zusammenführt. Egal, ob Sie Webanwendungen, mobile Apps testen oder Axe DevTools für Web-APIs integrieren, Axe Developer Hub bietet Ihnen einen einheitlichen Überblick über Barrierefreiheitsprobleme in Ihrem gesamten digitalen Ökosystem. Für weitere Informationen, siehe Willkommen im Axe Developer Hub.

Axe DevTools Linter: Erkennen Sie Barrierefreiheitsprobleme, während Sie programmieren

Sie können den Axe Accessibility Linter für VS Code aus dem VS Code Marketplace herunterladen. Verwenden Sie ihn, während Sie Code schreiben, damit Sie sofort auf Barrierefreiheitsprobleme aufmerksam gemacht werden, genau wie bei jedem anderen Linter.

Axe DevTools Linter ist auch als Plugin für JetBrains IDEs (IntelliJ IDEA Ultimate und WebStorm) verfügbar. Siehe Verwendung des Axe Linter Plugins mit JetBrains IDEs für weitere Informationen.

Axe DevTools Browser-Erweiterung: Prüfen Sie Barrierefreiheit direkt aus Ihrem Browser

Die Axe DevTools Browser-Erweiterung kann direkt über den Chrome Web Store, die Edge Add-ons-Seite und die Firefox Add-ons-Seite heruntergeladen werden. Verwenden Sie diese Erweiterung (die in die Entwicklertools jedes Browsers integriert ist), um bis zu 80 % aller Barrierefreiheitsfehler zu erkennen.

Um mehr über den Einstieg und die Nutzung der Axe DevTools Browser-Erweiterung zu erfahren, sehen Sie sich diese Videoplaylist an.

Um die Dokumentation zur Axe DevTools Browser-Erweiterung zu sehen, siehe Axe DevTools-Erweiterung.

Axe Watcher: Fügen Sie Ihren bestehenden Web-Test-Suites schnell Barrierefreiheitstests hinzu

Die Verwendung von Axe Watcher mit Axe Developer Hub vereinfacht den Einstieg in Barrierefreiheitstests. Mit Axe Watcher können Sie Barrierefreiheitstests zu Ihren bestehenden automatisierten Testsuites hinzufügen, indem Sie nur wenige Codezeilen ändern. Es führt automatisch Barrierefreiheitsscans während Ihrer Tests durch, erfasst Fehler zusammen mit Git-Informationen (Commits, Branches, Autoren) und sendet die Ergebnisse an Axe Developer Hub für eine zentrale Nachverfolgung und Berichterstattung. Funktioniert mit JavaScript/TypeScript und Java-Testsuites.

Um mehr über Axe Watcher zu erfahren, beginnen Sie mit der Axe Watcher Dokumentation.

Web-APIs: Granulare Kontrolle über Barrierefreiheitstests innerhalb Ihrer bestehenden Test-Suites

Die Axe DevTools für Web-APIs (Web-APIs für kurz) wurden entwickelt, um Ihnen zu helfen, Barrierefreiheitsprobleme im Rahmen Ihres automatisierten UI- (End-to-End-) Testprozesses zu erkennen. Sie können unsere APIs in Tests verwenden, bei denen Sie Browser-Treiber wie Selenium, Puppeteer oder Playwright und Testframeworks wie Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest und viele andere einsetzen - was Ihnen die Möglichkeit bietet, unsere Pakete zu nutzen, um Barrierefreiheitsprobleme während Ihres CI-Prozesses zu finden.

Die Web-APIs bieten Ihnen eine granularere Kontrolle über den Testprozess als die Verwendung von Axe Watcher mit Axe Developer Hub. (Obwohl eine erhöhte granulare Kontrolle auf Kosten zusätzlicher Einrichtungszeit und Wartung geht.) Die Web-APIs bieten auch zusätzliche Sprachunterstützung gegenüber Axe Watcher (einschließlich C#, Python und Ruby).

Um herauszufinden, welches Axe DevTools für Web-Paket Sie mit den Test-Treibern oder Test-Frameworks verwenden müssen, die Sie bereits einsetzen, schauen Sie sich unseren Beispiele-Katalog an. Der Katalog hilft Ihnen nicht nur dabei, das benötigte Paket zu identifizieren, sondern weist Sie auch auf ein Beispielprojekt hin, das Sie von GitHub klonen und lokal ausführen können. Wir empfehlen, zuerst ein Beispiel auszuprobieren. Sobald es lokal funktioniert, wird es einfacher sein, automatisierte Barrierefreiheitstests in Ihr eigenes Projekt zu integrieren.

CLI: Prüfen Sie Barrierefreiheit von der Kommandozeile

Wenn Ihr Team noch nicht viel automatisiertes UI-Testing hat, könnte das Kommandozeilen-Interface (CLI)-Tool axe (gewöhnlich nur als das CLI bezeichnet) eine gute Option sein, um Barrierefreiheitstests zu den wichtigen Nutzerabläufen auf Ihrer Website oder Webanwendung hinzuzufügen. Das CLI kann so skriptiert werden, dass es bestimmte Seiten lädt (durch seine eingebaute Skriptsprache), Formulare ausfüllt, sich mit Testbenutzer-Anmeldedaten einloggt und verschiedene Zustände von Seiten aufzeigt, die mit React, Vue, Angular und anderen solchen Frameworks gebaut wurden. Es kann auch sehr nützlich sein, um responsive Seiten automatisch bei unterschiedlichen Breakpoints zu testen, und es kann seine Ergebnisse sowohl im Axe Developer Hub als auch die Ergebnisse von den Web-APIs hochladen. Um mit dem CLI zu beginnen, lesen Sie die Schnellstartanleitungen.

Zugriff auf die Binaries für Axe DevTools für Web-APIs und CLI

Es gibt zwei Möglichkeiten, um die Binaries für Axe DevTools für Web-APIs und CLI zu erhalten:

1. Direkt aus unserem Artefakt-Repository. Sie können die benötigten Dateien von unserer Downloads-Seite herunterladen. Auf Axe DevTools for Web Examples finden Sie Links, um ein Beispielprojekt herunterzuladen oder die Dokumentation für Ihr bevorzugtes Beispiel einzusehen.

   note

   Um auf die Download-Seite oder das Artefakt-Repository zugreifen zu können, müssen Sie sich mit Ihrem Axe-Konto anmelden. Ihre Zugangsdaten finden Sie in Ihrer Willkommens-E-Mail.

2. Indem Sie das Artefakt-Repository Ihrer Organisation mit unserem verbinden, sodass Ihr Paketmanager alle Abhängigkeiten von Axe DevTools für Web-Pakete auflösen kann. Siehe unsere Anleitungen zum Verbinden mit Ihrem Nexus-Repository oder Ihrem Artifactory-Repository.

Hilfe erhalten

Wenn Sie Fragen haben oder Hilfe beim Einstieg benötigen, sind wir hier, um Ihnen zu helfen. Bitte eine E-Mail senden, und wir helfen Ihnen gerne weiter.

Darüber hinaus enthält Ihre Willkommens-E-Mail die Kontaktdaten Ihres zugewiesenen Customer Success Managers (CSM). Sie sind ebenfalls bereit, Ihnen dabei zu helfen, Barrierefreiheitstests in den Entwicklungsprozess Ihrer Produkte zu integrieren.

---

Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.