axe Einführung für Experten

Die axe Expert Extension lässt sich in die Entwicklertools Ihres Browsers integrieren. Dabei handelt es sich um eine integrierte Funktion für Webentwickler, mit deren Hilfe sie Probleme auf Webseiten untersuchen, beheben und lösen können. Nach der Installation wird die Registerkarte „[Tab Name]“ axe Expert als Option in der Registerkartenleiste „Entwicklertools“ angezeigt. Wenn Sie auf die Schaltfläche klicken, werden die fünf Hauptregisterkarten in einer horizontalen Leiste unter der Symbolleiste angezeigt, jede mit einer eigenen Symbolleiste darunter. Unter der Registerkartenspezifischen Symbolleiste finden Sie die Hauptbereiche mit den Ergebnisinhalten, die selbst zusätzliche Steuerelemente wie Schaltflächen und Links anzeigen.

Komponenten

Die folgenden fünf Hauptkomponenten werden angezeigt, nachdem die Axe Expert Extension in der DevTools-Symbolleiste aktiviert wurde:

1. Registerkarte „axe Expert“: Die Registerkarte oben im DevTools-Bereich des Browsers, einschließlich „axe Expert“. Vollständige Installationsinformationen finden Sie unter Herunterladen und Installieren der Axe Expert-Erweiterung. Durch Klicken auf die entsprechende Registerkarte wird „axe Expert“ zum aktiven Werkzeug, während die anderen Werkzeuge und Steuerelemente der Werkzeugbox in der horizontalen Leiste verbleiben.

2. Dropdown-Navigationsmenü des Hauptmenübereichs: Dies sind sozusagen die Tools innerhalb des Tools, die Sie sich auch als Ansichtsseiten innerhalb der axe Expert Extension vorstellen können. Wenn Sie den Abwärtspfeil auswählen, wird die Liste angezeigt. Wählen Sie ein Linkelement in der Liste aus, um das Bedienfeld anzuzeigen.

   Zu den Bedienfeldern, auf die über das Hauptmenü zugegriffen werden kann, gehören:

   • Analysieren: Analysieren Sie die geladene Seite auf Verstöße gegen die Zugänglichkeitsregeln, zeigen Sie Details zu den einzelnen Verstößen an und laden Sie sie von axe Monitor herunter oder dorthin hoch. Ausführliche Informationen finden Sie unter Analysieren.

   • Page Insights: Eine Analyse der auf der Seite verfügbaren Funktionen für unterstützende Technologien. Ausführliche Informationen finden Sie unter Page Insights.

   • Tools: Page Insights zeigt effektiv Komponenten des Accessibility Object Model (AOM) an, die von Bildschirmleseprogrammen verwendet werden.

   • Scripts: Zeichnen Sie aufeinanderfolgende Aktionen auf der geladenen Seite als Ereignisskript auf, das erneut wiedergegeben oder von axe Monitor hochgeladen oder heruntergeladen werden kann. Dort können sie auf Scans angewendet werden, um langwierige Aufgabenschritte (wie das Ausfüllen eines Anmeldeformulars) zu automatisieren. Ausführliche Informationen finden Sie unter Skripte.

   • Rules: Übermitteln Sie benutzerdefinierte Regeln über eine JSON-Datei, die als Option im Abschnitt „Regelsatz“ der Registerkarte „Einstellungen“ verfügbar gemacht werden soll, aus der Sie Ihren eigenen Regelsatz auswählen können, der als Teil einer Seitenanalyse ausgeführt werden soll. Ausführliche Informationen finden Sie unter Regelbereich.

   • Settings: Melden Sie sich in axe Monitor an und geben Sie die Standards an, auf die sich Ihre Analyse konzentrieren soll. Wenn Sie ein Projekt ausgewählt oder zu einem Projekt „gewechselt“ haben, werden außerdem der Organisations- und der Projektname angezeigt. Weitere Informationen finden Sie unter Anmelden bei axe Monitor.

3. Extension version number: Die Versionsnummer der Erweiterung wird direkt unter dem Erweiterungstitel oben im Erweiterungsfenster angezeigt.

4. Pane specific menu, navigation tools and notification area: Die Schaltfläche mit den vertikalen Auslassungspunkten ist ein Menü, das für den aktuell aufgerufenen Bereich spezifisch ist. Zusätzliche Tools, wie Navigationsschaltflächen für Verstöße, Schaltflächen zum Prüfen/Hervorheben, Dropdown-Menüs usw. sowie Antwortmeldungen des Tools werden in diesem allgemeinen, bereichsspezifischen Symbolleistenbereich angezeigt. Die angezeigten Tools beziehen sich nur auf die ausgewählte aktive Bereichsansicht (beispielsweise den Analysebereich). Einige der hier angezeigten Funktionen sind in die DevTools des Browsers integriert.

5. Content pane(s) area: Das Hauptfenster, das vollständig von axe Expert gesteuert wird und spezifisch für dieses ist, obwohl einige Funktionen mit anderen integrierten DevTools interagieren, wie z. B. Hervorheben oder Inspektion. Abhängig vom gewählten Fensterbereich kann es sich um ein Einzelfenster oder ein Fenster mit geteilten bzw. mehreren Fensterbereichen handeln. Dieser Bereich der Entwicklertools zeigt Inhalte wie Regeln, Verstöße, Simulationen und Skriptereignisse an. Interne Fensterbereiche enthalten außerdem aktionsfähige Benutzersteuerelemente wie Schaltflächen und Links. Ausführliche Informationen zur Verwendung der einzelnen Bereiche finden Sie in den entsprechenden Themen.