Willkommen im axe Developer Hub

Funktionen des Axe Developer Hub

Axe Developer Hub ist eine integrierte Lösung zum Testen der Barrierefreiheit mit den folgenden Funktionen:

• Es bietet einfache, leicht verständliche Anweisungen zum Integrieren von Barrierefreiheitstests in Ihren aktuellen Testcode und verbessert Ihre vorhandenen Webseitentests problemlos mit der Expertise im Bereich Barrierefreiheitstests von Deque.
• Die Ergebnisse Ihrer Barrierefreiheitstests werden auf der Website des axe Developer Hub präsentiert, wo Sie Ihre Barrierefreiheitsergebnisse im Zeitverlauf verfolgen können, um Trends zu erkennen und die Qualität aufrechtzuerhalten.
• Es kann Commits in Git überwachen, während sich der Quellcode Ihrer Website ändert, um festzustellen, ob sich die Barrierefreiheit Ihrer Website mit jedem Commit verbessert (oder verschlechtert). In GitHub-Repos können Sie eine GitHub-Aktion einrichten, die Commits blockieren kann, die Fehler in der Barrierefreiheit führen.
• Sie können Ihre Ergebnisse zur Barrierefreiheit problemlos mit Teamkollegen teilen, um die Aufmerksamkeit auf neue (oder bestehende) Problembereiche zu lenken. Tatsächlich ist die Funktion zum Teilen fest eingebaut im Axe Developer Hub, um das Teilen von fast allem zu ermöglichen.
• Sie können Ihre Ergebnisse exportieren, um Ihre Zugänglichkeitsdaten problemlos in Tabellen, Datenbanken oder anderer Software wiederzuverwenden.

Eine kurze Einführung in den axe Developer Hub finden Sie im folgenden Video Finding new accessibility issues with axe Developer Hub :

Die Architektur des axe Developer Hub

Axe Developer Hub besteht aus zwei Hauptelementen: einer Website namens axe Developer Hub und einer Codekomponente, dem Paket @axe-core/watcher.

axe Entwickler-Hub

axe Entwickler-Hub hat zwei Hauptzwecke: die Verwaltung von Projekten und die Anzeige von Testlaufergebnissen.

Projekte erstellen und verwalten

Um den axe Entwickler-Hub zu nutzen, müssen Sie zunächst ein Projekt erstellen, um die Ergebnisse von Testläufen zur Überprüfung auf der Website der Plattform zusammenzufassen. Wenn Sie ein neues Projekt erstellen, erstellt axe Entwickler-Hub einen API-Schlüssel und gibt Ihnen umfassende Anweisungen zur Integration der Codekomponente (im Paket @axe-core/watcher) in Ihre aktuelle Testsuite.

Unter Erste Schritte mit dem axe Developer Hub finden Sie eine Schritt-für-Schritt-Anleitung zum Erstellen eines neuen Projekts.

Anzeigen von Testlaufproblemen

Der axe Developer Hub protokolliert auch Testläufe. Innerhalb der axe Developer Hub Website werden alle Testläufe gesammelt und angezeigt. Hier können Sie den Barrierefreiheitsstatus Ihres Projekts anzeigen, einschließlich der Anzahl und Schwere der Barrierefreiheitsprobleme. Wenn Sie Git verwenden, können Sie auch die mit jedem Commit verknüpften Zugänglichkeitsfehler sehen. Um Ihre Bemühungen besser auf die Behebung zu konzentrieren, können Sie mithilfe von Filtern die Zugänglichkeitsmängel nach Schweregrad und anderen Kriterien eingrenzen.

Weitere Informationen finden Sie unter Probleme mit der Barrierefreiheit anzeigen .

Die Code-Komponente

Die Codekomponente des axe Developer Hub ist das Paket @axe-core/watcher, das mehrere Aufgaben ausführt:

• Fügt Code für den Barrierefreiheitstest in den vorhandenen Browser-Automatisierungstreiber ein, indem wichtige Aufrufe umschlossen werden. Sie müssen also nur minimale Änderungen an der Konfiguration Ihrer Testsuite vornehmen, um Ihrer aktuellen Testsuite einen Barrierefreiheitstest hinzuzufügen.

– Sammelt Statistiken zu Zugänglichkeitstests für Ihr Projekt und sendet diese Daten an die Server von Deque. So können Sie den Barrierefreiheitsstatus Ihrer Website von überall aus einsehen und die Veränderung von Barrierefreiheitsmängeln überwachen. – Verknüpft Git-Commits mit Zugänglichkeitsergebnissen. Diese Funktion gibt Ihnen sofortiges Feedback darüber, ob Ihre Zugänglichkeitsergebnisse in die richtige Richtung gehen. Sie können auch eine GitHub-Aktion in einem GitHub-Repository installieren, um Commits zu blockieren, wenn diese die von Ihnen angegebene Zugänglichkeitsqualitätsstufe nicht erfüllen.

Weitere Informationen zu den vom Paket @axe-core/watcher bereitgestellten APIs finden Sie in der API-Referenz .

Gliederung eines Axe Developer Hub-Workflow

Hier sehen Sie einen Beispiel-Workflow, der eine Möglichkeit zeigt, wie Sie den axe Developer Hub innerhalb einer Organisation nutzen können, um die Zugänglichkeitsmängel Ihrer Website zu überwachen:

1. Erstellen Sie ein neues Projekt im axe Developer Hub. Siehe Erste Schritte mit dem axe Developer Hub.

2. Ändern Sie Ihre Testsuite. Der axe Developer Hub bietet Anweisungen zum Ändern Ihrer Testsuite. Es sind nur wenige Änderungen an Ihrer bestehenden Testsuite erforderlich. Sie können die Anweisungen jederzeit erneut lesen. Weitere Informationen zu den vom axe Developer Hub unterstützten Browser-Automatisierungsplattformen und Browsern finden Sie unter Plattformunterstützung .

3. Führen Sie Ihre Testsuite aus. Durch Ausführen Ihrer Testsuite werden nicht nur Ihre Webseiten auf Zugänglichkeitsprobleme überprüft, sondern auch Informationen zu Ihren Git-Commits und -Branches gesammelt und diese Informationen dem axe Developer Hub hinzugefügt.

4. Sehen Sie sich Ihre Probleme mit der Barrierefreiheit im axe Developer Hub an. Siehe Probleme mit der Barrierefreiheit anzeigen.

5. Beheben Sie die Zugänglichkeitsmängel auf Ihrer Website und führen Sie Ihre Tests erneut aus. Jeder Defekt im axe Developer Hub enthält einen Link zur Deque University für Strategien zur Problembehebung.

6. (Optional) Teilen Sie Ihre Ergebnisse. Geben Sie konkrete Ergebnisse an Kollegen weiter, um immer wieder auftretende Problembereiche in Bezug auf die Barrierefreiheit zu beheben.

7. **Überwachen Sie die Codequalität kontinuierlich, ** indem Sie Ihre Testsuite wiederholt ausführen (stellen Sie sicher, dass Sie sie bei jedem Git-Commit in jedem Branch ausführen). Überwachen Sie die Codequalitätstrends im axe Developer Hub. Siehe Probleme mit der Barrierefreiheit anzeigen.

8. (Optional) **Exportieren Sie Daten ** nach Bedarf zur Verwendung in anderen Anwendungen. Siehe Daten exportieren.

9. (Optional) Richten Sie die GitHub-Aktion so ein , dass sie als Gatekeeper für die Zugänglichkeit Ihres Repository auf GitHub fungiert und Commits verhindert, die nicht dem angegebenen Qualitätsniveau entsprechen. Siehe Verwenden der GitHub-Aktion „axe Developer Hub“.

Siehe auch

Erste Schritte mit dem axe Developer Hub

axe Developer Hub-Plattform-Support

---

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.