Verwenden Sie Axe Expert mit assistiver Technologie
Die axe Expert-Erweiterung wurde offiziell eingestellt. Weitere Informationen hierzu finden Sie auf der Seite axe Expert Replacement . Diese Seiten werden im Juli 2024 entfernt. Bei Fragen oder Bedenken senden Sie eine E-Mail an helpdesk@deque.com.
Deque Systems, Inc. betrachtet NVDA/Windows als die Hauptplattform für Screenreader-Benutzer der Axe Expert Extension. Wir empfehlen die Verwendung von NVDA oder JAWS unter Windows und VoiceOver auf dem Mac.
Bevor Sie beginnen:
Bitte lesen Sie axe Expert Extension for Chrome VPAT.pdf , um den freiwilligen Konformitätsbericht von Deque zur Produktzugänglichkeit für die axe Expert Extension einzusehen.
Verwenden Sie die axe Expert-Erweiterung für Google Chrome mit NVDA
Referenz zu den Tastenkombinationen für Chrome DevTools:
Bevor Sie beginnen: Google hat vor Kurzem das DevTools-Benutzerhandbuch und die Web-Referenzmaterialien für den Chrome-Browser aktualisiert. Informationen zu Tastaturkurzbefehlen, die allgemein für die Verwendung der axe Expert Extension in Google Chrome gelten, finden Sie unter Referenz zu Tastaturkurzbefehlen – Google Developers Chrome DevTools.
Die folgenden Anweisungen erklären allgemein, wie Sie die Axe Expert Extension in Google Chrome mit Windows-basierten Bildschirmleseprogrammen, einschließlich NVDA, verwenden. Es werden Anweisungen zur Installation, zum Starten, zur Navigation in der Benutzeroberfläche, zum Anpassen der Einstellungen, zur Durchführung einer Zugänglichkeitsanalyse und zum Exportieren der Ergebnisse bereitgestellt. Diese Dokumentation enthält _keine _ Anweisungen zum Arbeiten mit der Axe Expert Extension SimulAT oder der Skriptfunktionalität in NVDA und ist auch nicht so detailliert wie der Rest dieses Benutzerhandbuchs. Die hier enthaltene Dokumentation dient lediglich als Schnellstartanleitung für Benutzer der NVDA-Bildschirmlesesoftware.
In diesem Thema:
- Verwenden Sie die axe Expert-Erweiterung für Google Chrome mit NVDA
- Installieren Sie die axe Expert-Erweiterung – Von der Chrome Web Store-Erweiterungsseite
- Öffnen Sie die axe Expert-Erweiterung in Google Chrome
- Benutzeroberfläche der axe Expert-Erweiterung verstehen und darin navigieren
- Wählen Sie einen Regelsatz aus
- Eine Seite auf Verstöße gegen Barrierefreiheitsrichtlinien analysieren
- Mit Analyseergebnissen arbeiten
- Benutzerdefinierte Regeln verwenden
Installieren Sie die axe Expert Extension
Die Installation der axe Expert Extension in den DevTools von Google Chrome unterscheidet sich geringfügig von der Installation der axe Expert Extension von Deque für Mozilla Firefox. Für Benutzer von axe Monitor (die einen Installationslink aus der Anwendung verwenden) gilt ein anderer Installationsprozess als für Benutzer der axe Expert Extension (die zuerst eine .xpi-Datei aus einem Repository herunterladen).
Wichtig
Die folgenden Anweisungen dienen lediglich als Beispiel , um Ihnen einen Eindruck vom Installationsvorgang zu vermitteln. Bestimmte Prozessschritte können je nach Ihren individuellen Sicherheitsanforderungen und den Typ/die Version Ihres Browsers unterschiedlich sein. Abhängig von Ihrer Organisation müssen Sie beispielsweise möglicherweise eine entpackte Erweiterung mit aktiviertem Entwicklermodus laden. Wenden Sie sich für spezifische Installationsanweisungen an Ihr Management. Die von Deque empfohlene bewährte Vorgehensweise besteht darin, dass alle Kunden mit ihrem Deque Engagement Manager oder dem Deque Helpdesk zusammenarbeiten, um die richtige Version und entsprechend lizenzierte Installationsdateien zu erhalten.
Von der Chrome Web Store-Erweiterungsseite
Die einfachste Möglichkeit, die axe Expert Extension zu installieren, ist über einen direkten Link zur Google Chrome Extension-Seite im Chrome Web Store. Wenn Sie schon einmal eine Google Chrome-Browsererweiterung installiert haben, ist der Vorgang derselbe. Allerdings ist die axe Expert Extension im Chrome Web Store grundsätzlich nicht suchbar, daher ist ein direkter Link erforderlich:
Link zu axe Expert im Chrome Store.
Im Abschnitt „Erste Schritte“ dieses Handbuchs im Thema Herunterladen und Installieren finden Sie vollständige Installationsanweisungen über den bereitgestellten Link.
Über einen Installationslink
Auf die komprimierte .crx-Installationsdatei kann direkt über einen Link im Menü der rechten Seitenleiste des axe Monitors zugegriffen werden, sodass Sie den Installationsvorgang direkt im Google Chrome-Browser starten können.
So installieren Sie die Axe Expert Extension über einen Installationslink (axe Monitor):
- Navigieren Sie mit dem Chrome-Browser zum Abschnitt „Quick Links“ auf dem Startbildschirm in axe Monitor.
- Wählen Sie „axe Expert Extension 3.5 herunterladen“ aus.
Wenn Sie den Installationslink für die axe Expert Extension auswählen, wird eine Meldung angezeigt, in der Sie gefragt werden, ob Sie die axe Expert Extension installieren möchten.
- Wechseln Sie mit der Tabulatortaste zur Schaltfläche „Entpackte Erweiterung laden …“ und wählen Sie sie aus (oder drücken Sie Alt+Shift+I).
Aus einer CRX-Datei
Die gepackte Google Chrome-Erweiterung wird als komprimierte Datei mit der Dateiendung .crx
angeboten und verfügt über einen privaten Schlüssel, sodass Sie sich nie um die manuelle Aktualisierung der Erweiterung kümmern müssen, da dies automatisch erfolgt.
So installieren Sie die Axe Expert Extension aus einer .crx
Datei (Axe Expert Extension):
- Wenden Sie sich an Ihren Deque Engagement Manager oder den Deque Helpdesk, um das erforderliche CRX-Dateiinstallationsprogramm zu erhalten.
- Navigieren Sie auf Ihrem Computer zu der heruntergeladenen
.crx
Datei. - Drücken Sie
Enter
.
Installation überprüfen
Die Installation sollte nur wenige Sekunden dauern. Wenn die Installation abgeschlossen ist, wird eine Meldung abgespielt, dass die Axe Expert Extension erfolgreich installiert wurde. Sie können den Erfolg der Installation jederzeit überprüfen, indem Sie versuchen, die axe Expert Extension in den Google Chrome DevTools zu öffnen. Weitere Informationen finden Sie unter Open axe Expert Extension. Die folgenden Schritte führen Sie durch die Installationsüberprüfung durch Navigation zum axe Expert Extension-Eintrag auf der Google Chrome-Erweiterungsseite.
-
Geben Sie im Google Chrome-Adressfeld (Standort) „chrome://extensions/“ ein und drücken Sie die Eingabetaste.
-
Aktivieren Sie
TAB
Aktivieren dreimal, um auf die Liste der installierten Google Chrome-Erweiterungen zuzugreifen. -
Drücken Sie die Taste
Down Arrow
, um das Listenelement "axe Expert Extension" zu suchen.Google Chrome-Erweiterungen werden in aufsteigender und zuletzt installierter Reihenfolge angezeigt und sollte daher das erste Listenelement sein.
-
Achten Sie auf die Optionen „Deaktivieren, Entfernen“. Wenn Sie diese Optionen nach "axe Expert" hören, wurde die Erweiterung erfolgreich installiert.
Öffnen Sie die axe Expert-Erweiterung in Google Chrome
Die axe Expert Extension wird in der DevTools-Tableiste von Chrome installiert.
- Drücken und halten
Ctrl+Shift+I
, um Chrome DevTools zu starten. - Gedrückt halten
Ctrl\_\]
, bis Sie „axe Expert“ hören.
Wenn bei der ersten Installation keine anderen Erweiterungen vorhanden sind, die sich in die Entwicklungstools von Google Chrome integrieren lassen, befindet sich die Registerkarte „axe Expert“ ganz rechts in der Registerkartenleiste der Toolbox.
- Drücken Sie die Eingabetaste, um die Registerkarte „axe Expert“ im DevTools-Fenster zu aktivieren.
Die axe Expert Extension ist jetzt im DevTools-Fenster von Google Chrome aktiv und einsatzbereit.
Verständnis und Navigation der Benutzeroberfläche der axe Expert-Erweiterung
Hauptmenü-Panelauswahl
Unabhängig davon, welches Bedienfeld aktuell ausgewählt ist, befindet sich im linken Bereich der Axe Expert Extension ein Haupt-Dropdown-Menü mit Links zu allen fünf Hauptbedienfeldern der Axe Expert Extension.
-
Überprüfen Sie die Aktivierung der Registerkarte „Axe Experte“, indem Sie die Tabulatortaste drücken, um den Fokus auf das Hauptmenü mit der Aufschrift „Globale Navigation“ zu verschieben.
Der Frame wird als „data/index“-Frame angekündigt.
Standardregisterkarte: Der Analysebereich ist standardmäßig aktiv, wenn die axe Expert Extension gestartet wird. Verwenden Sie die Registerkarte „Analysieren“, um eine Zugänglichkeitsanalyse durchzuführen. Dies ist wahrscheinlich die Registerkarte, die Sie in 99,5 % der Fälle verwenden. Verwenden Sie das Menü „Axe Expert Extension“
Options
zum AuswählenSettings
undSign in to axe Monitor
. -
Verschieben Sie den Fokus auf das Hauptmenü der globalen Navigation der axe Expert Extension und drücken Sie die Eingabetaste.
Das Hauptmenü der Axe Expert Extension wird geöffnet und zeigt fünf Auswahlmöglichkeiten an:
Analyze
: DasAnalyze
Panel ist das Standardpanel, das beim Aktivieren der Axe Expert Extension angezeigt wird. JAWS-spezifische Anweisungen zu diesem Panel finden Sie unter Eine Seite auf Verstöße gegen Barrierefreiheitsregeln analysieren . Weitere Einzelheiten finden Sie unter Analysieren.Scripts
: Vollständige Einzelheiten finden Sie unter Skripte .Page Insights
: Vollständige Einzelheiten finden Sie unter Seiten-Insights .Rules
: JAWS-spezifische Anweisungen für dieses Panel finden Sie unter Benutzerdefinierte Regeln verwenden . Vollständige Einzelheiten finden Sie auch unter Regelsätze .Settings
: JAWS-spezifische Anweisungen für dieses Panel finden Sie unter Einstellungen konfigurieren .
-
Drücken Sie die Tasten
down arrow
undup arrow
, um durch die Hauptmenüelemente der Axe Expert Extension zu navigieren. Drücken SieEnter
, um ein Menüelement auszuwählen.
Das Menü wird geschlossen. Der Screenreader meldet „Schaltfläche zusammengeklappt“, gefolgt vom Namen des ausgewählten Menüelements.
Panel-Specific Context Menu (Analyze menu)
Greifen Sie über das Dropdown-Menü mit den vertikalen Auslassungspunkten in der oberen Leiste des rechten Inhaltsbereichs im Analyse-Panel auf zusätzliche bereichsspezifische Steuerelemente und Links zu zugehörigen Bereichen sowie verwandten Funktionen in anderen Bereichen für den ausgewählten Bereich zu. Dieses Dropdown-Menü wird manchmal informell als „Drei-Punkte-Menü“ bezeichnet.
Verwenden Sie das Kontextmenü des Analysefensters:
Tab
Verschieben Sie den Fokus mit derAnalyze
Schaltfläche auf demAnalyze
Bedienfeld auf ein Kontextmenü, das alsmain landmark Analyze google menu button collapsed.
angekündigt wird.
– Drücken Sie Enter
, um die Kontextmenüelemente „Analysieren“ anzuzeigen.
Arrow down
oder nach oben, um ein Menüelement hervorzuheben, undEnter
drücken Sie, um das aktuell hervorgehobene Menüelement auszuwählen.
Panel-Navigation
Jedes Panel innerhalb der Axe Expert Extension besteht aus zwei bis drei Informationsunterbereiche. Auch die Unterbereiche enthalten durch Überschriften gekennzeichnete Informationsabschnitte.
Wechseln Sie von einem Panel zum anderen
- Drücken Sie im Durchsuchen-Modus den Aufwärts- oder Abwärtspfeil, um das Bedienfeld auszuwählen, das Sie aktivieren möchten, und drücken Sie die Eingabetaste.
- Gehen Sie im Formularmodus mit der Tabulatortaste zum aktiven Bereich und wechseln Sie dann mit den Pfeiltasten (Pfeil nach rechts oder Pfeil nach links) zu anderen Bereichen (keine Eingabetaste erforderlich).
Zwingen Sie NVDA zurück in den Durchsuchen-Modus, indem Sie nach der Arbeit im Formularmodus die NVDA-Taste und die Leertaste drücken.
Tastaturlayout und Formularmodus
NVDA-Tastaturlayout: Drücken Sie die Esc-Taste oder die NVDA-Taste und die Leertaste, um den Formularmodus in NVDA zu verlassen. Die NVDA-Taste ist die Taste insert
, es sei denn, Sie ändern sie zu Caps Lock
, was Sie im NVDA-Konfigurationsmenü tun können.
Wählen Sie einen Regelsatz aus
Möglicherweise möchten Sie die Regelsatzoption im Panel „Regeln“ anpassen. Das Panel „Regeln“ enthält Kontrollkästchen mit der Legende „Regelsatz“, in denen drei Regelsätze zu finden sind. Die WCAG 2.0 AA-Regeln sind standardmäßig aktiv. Wenn Sie einen anderen Regelsatz als den Standard-WCAG 2.0 AA verwenden, müssen Sie optionale Anpassungen auf der Registerkarte „Regeln“ vornehmen.
Sie können eine Offline-Analyse mit einem der Standardregelsätze der axe Expert Extension durchführen, ohne eine Verbindung zu einem axe Monitor-Server herzustellen, oder Sie können Ihren eigenen benutzerdefinierten Regelsatz verwenden.
Standardmäßig: Wenn Sie die Axe-Expertenerweiterung sofort verwenden, führen Sie eine WCAG 2.1 AA-Analyse mit dem standardmäßigen WCAG 2.1 AA-Regelsatz durch.
Wählen Sie einen Regelsatz aus:
- Drücken Sie in NVDA R .
Das Kontrollkästchen WCAG 2.1, Stufe AA ist standardmäßig aktiviert. Dies ist ein Standardregelsatz, der mit der Axe Expert Extension geliefert wird. Der Standardregelsatz wird verwendet, bis Sie der Axe Expert Extension mitteilen, einen anderen zu verwenden. Sie können keine Regelsätze löschen, die als Teil der Axe Expert Extension geliefert werden.
- Wählen Sie über die zugehörige Checkbox einen Regelsatz aus.
Es ist keine weitere Bestätigung nötig.
Einstellungen: Serververbindung, Projektauswahl und Umfang
Das Erste, was Ihnen im Einstellungsbereich auffallen wird, ist eine Reihe von Formularfeldern, die es Ihnen ermöglichen, die axe Expert Extension mit einem axe Monitor-Server zu verbinden. Nach der Anmeldung bei axe Monitor wird ein Projektauswahlmenü mit einer Schaltfläche angezeigt. Wenn Sie ein Projekt auswählen, werden zwei neue Abschnitte angezeigt: „Heruntergeladene Probleme“ und „Umfang“.
Sie möchten möglicherweise eine Verbindung zu Ihrem axe Monitor-Server herstellen und ein Projekt auswählen, um das Herunterladen und Hochladen von Analyseergebnissen zu ermöglichen. Wenn die axe Expert Extension nicht mit einem axe Monitor-Server verbunden ist, wird das Dropdown-Menü als „offline, kein Projekt“ oder „anklickbar, offline, kein Projekt, anklickbar“ angezeigt und die Projektauswahlfunktion wird als „nicht verfügbar“ angezeigt. Vollständige Details finden Sie unter Bei axe Monitor anmelden bzw. Ein axe Monitor-Projekt auswählen .
Bevor Sie das Analysefenster zum Analysieren einer Webseite verwenden, möchten Sie möglicherweise die Optionen im Abschnitt „Umfang“ des Einstellungsfensters anpassen, um genauer festzulegen, was gezielt angesprochen oder ignoriert werden soll. Ausführliche Informationen finden Sie unter Bereichsdefinitionen.
Optionen zur Ereignisaufzeichnung
Das Bedienfeld „Skriptaufzeichnungsoptionen“, auf das Sie über den Link „Optionen“ auf der Registerkarte „Skripte“ zugreifen können, verfügt über einen Abschnitt namens Zu erfassende Ereignisse mit Kontrollkästchen, in denen Sie konfigurieren können, welche Ereignisse bei der Aufzeichnung von Skripten aufgezeichnet oder ignoriert werden sollen. Weitere Informationen finden Sie unter Zu erfassende Ereignisse auswählen.
Analysieren einer Seite auf Verstöße gegen Barrierefreiheitsrichtlinien
-
Öffnen Sie die Seite, die Sie testen möchten, in Chrome.
-
Öffnen Sie Chrome DevTools (Strg_Umschalt_I) und wählen Sie die Registerkarte „axe Expert“ aus.
Weitere Informationen finden Sie unter Open axe Expert Extension .
-
Suchen Sie die Schaltfläche „ANALYSE“ oder den Link „Erneut ausführen“, wenn Sie eine Seite im Analysebereich der Axe Expert Extension erneut analysieren (es spielt keine Rolle, welche Sie auswählen, beide erfüllen dieselbe Funktion).
-
Die Schaltfläche „Analysieren“.
Die Beschriftung der Schaltfläche „Analysieren“ ändert sich und zeigt 'Analysieren' während eines Scans an.
Sie wissen, dass der Scan abgeschlossen ist, wenn Sie mit dem Pfeil oder der Tabulatortaste von der Schaltfläche „Analysieren“ weg können.
Wenn keine Barrierefreiheitsverstöße gefunden werden
Wenn keine Verstöße gegen die Barrierefreiheit gefunden werden, lautet die Zeile nach der Schaltfläche „Hochladen“: Herzlichen Glückwunsch! Es wurden keine Verstöße gegen die Barrierefreiheit gefunden. Jetzt sollten Sie manuelle Tests mithilfe unterstützender Technologien wie NVDA, VoiceOver und JAWS durchführen.
Arbeiten mit Analyseergebnissen
Schaltfläche „Exportieren“ und Anzahl der Verstöße: Wenn ein oder mehrere Fehler erkannt wurden, verwenden Sie die fünfte Linkoption, Export
im Analyze
Bedienfeldmenü, um die Ergebnisse in eine CSV-Datei zu exportieren.
Download
und Upload
Links: Das Analyze
Panel-Menü enthält auch Download- und Upload-Elemente. Diese Elemente werden als „deaktiviert“ gemeldet, wenn keine Verbindung zu einem axe Monitor-Server besteht. Weitere Informationen finden Sie unter Analyseergebnisse hochladen und Skript herunterladen.
Analysieren Sie die Ergebnisse der Axe Expert Extension auf eine der beiden folgenden Arten:
- Exportieren Sie die Ergebnisse zur weiteren Analyse in ein Tabellenkalkulationsprogramm.
- Überprüfen Sie die Ergebnisse im Analysefenster.
Ergebnisse exportieren
Wenn Sie mit Analyseergebnissen in einem Tabellenkalkulationsprogramm wie Microsoft Excel arbeiten müssen und dabei Sortierungen und andere Datenbearbeitungen durchführen möchten, wählen Sie Export
aus dem Menü der axe Expert Extension Analyze
die Option zum Herunterladen einer CSV-Datei (Comma-Separated Values). Die Arbeit mit exportierten Ergebnissen ist insbesondere für Benutzer von Bildschirmleseprogrammen hilfreich, da sie die Navigation zwischen Verstößen erleichtert, wenn die Ergebnisse mehrere Verstöße gegen mehrere Regeln enthalten.
Ergebnisse in eine CSV-Datei exportieren:
- Wählen Sie
Export
im panelspezifischenAnalyze
Dropdown-Menü.
Ein typisches Dialogfeld „Datei speichern“ wird angezeigt.
-
Wählen Sie einen geeigneten Ordner aus, geben Sie der Datei einen aussagekräftigen Namen und wählen Sie aus
Save
Stellen Sie sicher, dass der gewünschte Ordner durch
shift+tabbing
in der Ordnerstruktur ausgewählt ist, wenn Sie das Dialogfeld „Datei speichern“ zum ersten Mal über den Link „Exportieren“ aufrufen. Die axe Expert Extension speichert exportierte Ergebnisse am Standard-Download-Speicherort, der in den Einstellungen Ihres Chrome-Browsers konfiguriert ist. Sobald ein Ordner ausgewählt ist, merkt sich die Axe Expert Extension Ihre Auswahl für zukünftige Exporte.
Überprüfen der Analyseergebnisse in der axe Expert-Erweiterung
Alle Analyseergebnisse der Axe Expert Extension werden unter der Überschrift „Gefundene Verstöße“ angezeigt. Normalerweise ist dies die einzige Überschrift im Analyze
Panel. Mit „h“ sollten Sie also direkt dorthin gelangen.
Regelverstöße überprüfen:
-
Drücken Sie zweimal den Aufwärtspfeil, um die Zeile anzuzeigen, in der die Anzahl der festgestellten Verstöße gemeldet wird.
Die axe Expert Extension zeigt eine geordnete Liste der Tests an, bei denen Verstöße festgestellt wurden, zusammen mit der Anzahl der Verstöße für jede Regel. Die Regelnamen in der Liste sind Links, die bei Anzeige eine Liste aller Verstöße gegen diese Regel zeigen.
Eine typische Liste von Verstößen könnte wie folgt aussehen:
Liste mit x Elementen
- Link: Elemente müssen einen ausreichenden Farbkontrast aufweisen, x Verstöße (wobei x die Anzahl der Verstöße ist).
- Link: Der ID-Attributwert muss eindeutig sein, Verstöße...
Gehen Sie auf einzelne Verstöße ein:
- Wählen Sie den Regellink in der Liste aus.
Wenn ein Regellink ausgewählt ist, wird ein Fenster mit der ersten Verletzung gegen die Regel angezeigt.
Übersicht über das Verstoß-Panel der Analyseergebnisse
In diesem Abschnitt werden die fortlaufenden Informationen beschrieben, die angezeigt werden, wenn Sie innerhalb einer einzelnen Regelverletzung mit den Pfeiltasten nach unten scrollen.
-
Anzeigen einzelner Verstöße: Beginnen Sie mit der Liste der Regeln, die zu Verstößen geführt haben (eine Beschreibung und ein Beispiel für das Aussehen der Liste finden Sie im vorherigen Abschnitt).
-
Navigation und Auswirkungen bei mehreren Verletzungen
-
Zurück-Schaltfläche: Am Ende der Liste sehen Sie eine Schaltfläche mit der Bezeichnung „Zurück“. Beim Anzeigen der ersten Regelverletzung ist der Button „Zurück“ deaktiviert.
-
\Anzahl der Verstöße insgesamt: Wenn Sie von der Schaltfläche „Zurück“ aus nach unten navigieren, wird die Zeile „Verstoß 1 von X“ angezeigt, wobei X die Gesamtzahl der Verstöße gegenüber der aktiven Regel darstellt.
-
Auswirkung: Wenn Sie von der Zeile „Anzahl der Verstöße insgesamt“ weiter nach unten scrollen, werden Informationen zu den Auswirkungen des Verstoßes angezeigt. Die Auswirkungslinie enthält die Einstufung der Auswirkung: gering, mittel, schwerwiegend oder kritisch.
-
Next
Schaltfläche: Nach den Auswirkungsinformationen wird eine „Weiter“-Schaltfläche angezeigt. Die Schaltfläche „Weiter“ wird als deaktiviert angekündigt, wenn Sie den letzten Verstoß gegen eine bestimmte Regel überprüfen. -
Description
: Wenn Sie von der Schaltfläche „Weiter“ aus nach unten navigieren, wird eine einzeilige Beschreibung der verletzten Regel zusammen mit einem Link „Weitere Informationen“ angezeigt. Wenn beispielsweise ein Verstoß gegen die Farbkontrastregel aufgezeichnet wird, lautet diese Zeile: „Stellt sicher, dass der Kontrast zwischen Vordergrund- und Hintergrundfarben die Kontrastverhältnis-Schwellenwerte von WCAG 2 AA einhält.“ -
More info
link: Wählen Sie „Weitere Informationen“ aus, um die Inhalte der "Deque University" zu prüfen, die neben ausführlichen Informationen zur Behebung der Regel weitere Kontext- und Hintergrundinformationen zu der verletzten Regel bieten. -
Applicable Ruleset (Standard) and Success Criteria
: Auf den Link „Weitere Informationen“ folgt eine Liste mit zwei Elementen. Das erste Listenelement listet den aktiven Regelsatz auf, der während des Analysescans der "axe Expert Extension" verwendet wurde. "WCAG 2.0 AA" ist der "axe Expert Extension"-Regelsatz, gekennzeichnet als „wcag2aa“. Das zweite Listenelement gibt das Erfolgskriterium für die aktive Regel an (z. B. wcag143 für "WCAG 2.0"-Erfolgskriterium 1.4.3 – Farbkontrast). -
Inspect and Highlight links
: Der Link „Überprüfen“ hebt das verstoßende Element in DevTools hervor. Der zweite Link, „Highlight“, hebt das Webseitenelement im Hauptfenster des Chrome-Browsers optisch hervor. -
Section Navigation
: Mehrere zusätzliche h2-Überschriften stellen Inhaltsbereiche innerhalb eines Fehlers dar: -
Target
: Ziel identifiziert einen CSS-Selektorpfad zum verstoßenden HTML-Element. -
HTML
: zeigt einen Ausschnitt der HTML-Auszeichnung an, der das verstoßende Element enthält. -
Summary
: Die Zusammenfassung enthält ein "beheben Sie einen der folgenden Unterabschnitte", gefolgt von einer Liste mit vorgeschlagenen Korrekturen. Die genaue Ausgestaltung und Formulierung eines Korrekturvorschlags hängen vom konkreten Verstoß ab. Die Liste mit den vorgeschlagenen Korrekturen ist eine wichtige Information in jedem Bericht oder jeder Analyse, da sie normalerweise dabei hilft, den genauen Fehler zu lokalisieren und oft die einfachste Lösung bietet.
Hinweise zur Navigation bei mehreren Verstößen
Verwenden Sie die Schaltflächen Previous
und Next
Über die Schaltflächen previous
und next
gelangen Sie zum vorherigen/nächsten Verstoß, wenn bei der Analyse mehrere Regelverletzungen erfasst wurden. Die aktualisierte Verletzung x von y wird von den meisten Bildschirmleseprogrammen automatisch angekündigt, wenn die Schaltflächen previous
oder next
ausgewählt werden. Wenn das Fenster beispielsweise aktuell Verstoß eins von zehn anzeigt und Sie die Schaltfläche next
auswählen, gibt NVDA automatisch „Verstoß zwei von zehn“ aus. Die Schaltflächen next
und previous
stellen die einzige Möglichkeit dar, zu einem bestimmten Regelverstoß zu navigieren.
Navigieren Sie zu einem einzelnen Verstoß
Um zu Verstoß acht von zehn für Regel x zu gelangen, klicken Sie auf Regel x und dann sieben Mal auf next
.
Über den letzten Verstoß
Wenn Sie auf next
klicken, während der letzte Verstoß gegen eine bestimmte Regel angezeigt wird, wird nicht automatisch der erste Verstoß gegen die nächste Regel angezeigt. Tatsächlich wird die next
Schaltfläche deaktiviert, wenn der letzte Regelverstoß angezeigt wird. Navigieren Sie zurück zur Regelliste und wählen Sie die nächste Regel zur Überprüfung aus.
Überprüfen Sie alle Verstöße gegen die Barrierefreiheit für alle Regeln. Exportieren Sie den Bericht in eine CSV-Datei, um alle Regelverletzungen schnell an einem Ort zu überprüfen.
Verwenden Sie benutzerdefinierte Regeln
Das Rules
Panel ist die vierte Auswahl im Hauptmenü. Wenn Sie eine JSON-Datei mit benutzerdefinierten Regeln zum Scannen durch die Axe Expert Extension geschrieben haben, verwenden Sie das Rules
Bedienfeld, um Ihren Regelsatz hinzuzufügen. Sobald Sie es zum Rules
Panel hinzugefügt haben, können Sie Ihren Regelsatz auf dem Rules
Tab auswählen. Das Custom Ruleset
Panel enthält zwei Formularfelder und eine Schaltfläche: Name for Custom Rules
, Enter JSON
und SAVE
AND USE RULESET
.
Fügen Sie benutzerdefinierte Regeln hinzu
- Geben Sie im Feld (Name für benutzerdefinierte Regeln und JSON Eingabe) einen Namen für Ihren benutzerdefinierten Regelsatz an.
Stellen Sie sicher, dass der Name nur Buchstaben oder Zahlen enthält (Leerzeichen, Bindestriche oder andere Symbole sind im Regelsatznamen nicht zulässig).
-
Geben Sie Ihre oder fügen Sie sie ein
JSON
Regeln in dasEnter JSON
Feld ein. -
Wählen Sie
SAVE
UNDUSE RULESET
.
Das Rules
Bedienfeld zeigt eine Erfolgs- oder Fehlermeldung an, wenn Sie einen ungültigen Namen angegeben oder ungültiges JSON verwendet haben. Sie können den Namen Ihres Regelsatzes im Abschnitt „Benutzerdefinierte Regelsätze“ des linken Seitenleistenmenüs im Bereich „Regeln“ sehen. Löschen Sie einen benutzerdefinierten Regelsatz, indem Sie das entsprechende Kontrollkästchen aktivieren und dann Regelsatz löschen auswählen.