Willkommen bei axe DevTools for Web

Wir bei Deque Systems haben axe DevTools for Web entwickelt, um Ihnen die Integration automatisierter Tests auf Barrierefreiheit in Ihren Entwicklungsprozess zu erleichtern. Wir sind davon überzeugt, dass die Vermeidung von Barrierefreiheitsmängeln durch die Einführung automatisierter Barrierefreiheitstests der effizienteste und nachhaltigste Weg zur Erstellung barrierefreier Produkte ist.

axe DevTools for Web basiert auf unserem Produkt axe-core , der beliebtesten Open-Source-Engine zum Testen der Barrierefreiheit.

Die Komponenten von axe DevTools for Web

Axe DevTools for Web besteht aus den folgenden Komponenten, damit Sie Barrierefreiheitstests an verschiedenen Stellen in Ihrem Entwicklungsprozess integrieren können.

• axe Developer Hub: Fügen Sie Ihren vorhandenen Web-Test-Suites ganz einfach Zugänglichkeitstests hinzu
• axe DevTools Linter: Erkennen Sie Zugänglichkeitsprobleme beim Codieren
• axe DevTools-Browsererweiterung: Überprüfen Sie die Zugänglichkeit von Ihrem Browser aus
• APIs: Automatisieren Sie Ihre Zugänglichkeitstests
• CLI: Barrierefreiheit über die Befehlszeile prüfen

axe Developer Hub: Einfaches Hinzufügen von Barrierefreiheitstests zu Ihren vorhandenen Web-Test-Suiten

Der axe Developer Hub von Deque bietet eine umfassende Lösung zum Testen der Barrierefreiheit, mit der Sie ganz einfach mit dem Testen Ihrer Webseiten auf Barrierefreiheitsprobleme beginnen können. Weitere Informationen finden Sie unter Willkommen im axe Developer Hub.

axe DevTools Linter: Erkennen Sie Zugänglichkeitsprobleme beim Programmieren

Sie können den axe Accessibility Linter für VS Code vom VS Code Marketplace herunterladen. Verwenden Sie es beim Schreiben von Code, damit Sie wie bei jedem anderen Linter sofort auf Zugänglichkeitsprobleme aufmerksam gemacht werden.

axe DevTools Browser Extension: Überprüfen Sie die Zugänglichkeit im Browser

Die axe DevTools Browser Extension kann direkt aus dem Chrome Web Store, von der Edge-Add-ons-Site und von der Firefox-Add-ons-Site heruntergeladen werden. Verwenden Sie diese Erweiterung (die in die Entwicklertools jedes Browsers integriert ist), um bis zu 80 % aller Zugänglichkeitsmängel zu erkennen.

Weitere Informationen zu den ersten Schritten und zur Verwendung der Browsererweiterung „axe DevTools“ finden Sie in dieser Video-Playlist.

Die Dokumentation zur axe DevTools Browser Extension finden Sie unter Axe DevTools Extension.

APIs: Automatisieren Sie Ihre Zugänglichkeitstests

Die axe DevTools für Web-APIs sind so konzipiert, dass sie Ihnen dabei helfen, im Rahmen Ihres vorhandenen automatisierten UI-Testprozesses (End-to-End) automatisch auf Barrierefreiheit zu testen. Sie können unsere APIs in Tests verwenden, bei denen Sie Browsertreiber wie Selenium, Puppeteer oder Playwright und Test-Frameworks wie Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest und viele andere nutzen. So haben Sie die Möglichkeit, unsere Pakete zu nutzen, um während Ihres CI-Prozesses Probleme mit der Barrierefreiheit zu finden.

Um herauszufinden, welches axe DevTools for Web-Paket Sie mit den Testtreibern oder Test-Frameworks verwenden müssen, die Sie bereits verwenden, sehen Sie sich unseren Beispielkatalog an. Diese Seite hilft Ihnen nicht nur dabei, das benötigte Paket zu identifizieren, sondern verweist Sie auch auf ein Beispielprojekt, das Sie von GitHub klonen und lokal ausführen können. Wir empfehlen Ihnen, dies zuerst zu tun. Sobald das Beispiel lokal funktioniert, können Sie automatisierte Barrierefreiheitstests problemlos in Ihr eigenes Projekt integrieren.

CLI: Überprüfen der Zugänglichkeit über die Befehlszeile

Wenn Ihr Team noch nicht über viele automatisierte Benutzeroberflächentests verfügt, könnten die axe DevTools für Web CLI eine gute Option sein, um Barrierefreiheitstests für einige wichtige Benutzerabläufe in Ihre Website oder Webanwendung einzubinden. Mit den axe DevTools für Web CLI können Skripts erstellt werden, um bestimmte Seiten zu laden (über die integrierte Skriptsprache), Formulare auszufüllen, sich mit den Anmeldeinformationen eines Testbenutzers anzumelden und verschiedene Zustände von Seiten anzuzeigen, die mit React, Vue, Angular und anderen derartigen Frameworks erstellt wurden. Es kann auch sehr wertvoll sein, um responsive Sites an verschiedenen Breakpoints automatisch zu testen. Um mit den axe DevTools CLI für Web zu beginnen, lesen Sie die Kurzanleitungen.

Zugriff auf die axe DevTools für Web-Pakete

Es gibt zwei Möglichkeiten, die axe DevTools for Web-Pakete zu erhalten:

1. Direkt aus unserem Artefakt-Repository. Sie können die benötigten Dateien von unserer Seite Downloads herunterladen. Im Beispielkatalog finden Sie Links zum Herunterladen eines Beispielprojekts oder zum Anzeigen der Dokumentation für Ihr bevorzugtes Beispiel.

2. Indem Sie das Artefakt-Repository Ihrer Organisation mit unserem verbinden, kann Ihr Paketmanager alle Abhängigkeiten von axe DevTools für Web-Pakete auflösen. Lesen Sie unsere Anweisungen zum Herstellen einer Verbindung mit Ihrem Nexus-Repository oder Ihrem Artifactory-Repository.

Hilfe bekommen

Wenn Sie Fragen haben oder Hilfe beim Einstieg benötigen, sind wir für Sie da. Bitte senden Sie eine E-Mail an helpdesk@deque.com und wir helfen Ihnen gerne weiter.

Darüber hinaus enthält Ihre Willkommens-E-Mail die Kontaktinformationen Ihres zugewiesenen Customer Success Managers (CSM). Sie stehen Ihnen auch zur Verfügung, um Sie bei der Integration von Barrierefreiheitstests in die Entwicklung Ihrer eigenen Produkte zu unterstützen.

---

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.