Scannen auf Zugänglichkeitsproblemen

Mit axe DevTools können Sie schnell und einfach automatisierte Barrierefreiheitsscans ausführen. Es stehen zwei Arten von Barrierefreiheitsscans zur Verfügung:

• Vollständiger Seitenscan
• Teilseitiger Scan

Vollständiger Seitenscan

Wenn Sie auf dem Startbildschirm der Erweiterung auf „Vollständiger Seitenscan“ klicken, wird ein axe-core automatischer Scan der gesamten Seite ausgeführt. Sobald der Scan abgeschlossen ist, können Sie die Ergebnisse des Scans überprüfen.

Teilweiser Seitenscan

Wenn Sie auf dem Startbildschirm der Erweiterung auf „Teilweiser Seitenscan“ klicken, können Sie eine bestimmte Komponente oder einen bestimmten Seitenbereich auswählen, in dem der Scan ausgeführt werden soll. Dies bedeutet, dass ein vollständig isolierter Scan nur innerhalb des ausgewählten Elements ausgeführt wird (alle Inhalte außerhalb der ausgewählten Komponente werden effektiv ignoriert). Um eine Elementauswahl zu treffen, können Sie mit der Maus auf ein beliebiges Element auf der Seite zeigen und klicken oder den barrierefreundlichen „Element-Selektor“ verwenden, um eine Elementauswahl mit einer Tastatur zu treffen (keine Maus erforderlich). Nachdem Sie die Elementauswahl getroffen haben, können Sie auf „Scannen“ klicken. Dadurch gelangen Sie zu den Ergebnissen des Scans.

Ergebnisse

In der Übersicht werden die bei einem Scan gefundenen Barrierefreiheitsprobleme angezeigt. Die URL, unter der der Scan ausgeführt wurde, wird zusammen mit einem Steuerelement zum „Erneut ausführen“ des Scans angezeigt. Darunter wird bei Teilseitenscans das ausgewählte Element mit einem „Hervorheben“-Steuerelement angezeigt, um das ausgewählte Element/die ausgewählte Komponente auf der Seite hervorzuheben. Als Nächstes finden Sie die Problemzusammenfassungen mit der Gesamtzahl der gefundenen Probleme sowie der Anzahl der Aufschlüsselungen, die als „Filter“ zum Anzeigen bestimmter Problemtypen oder -kategorien dienen:

• „AUTOMATISCHE PROBLEME“: Bei einem automatischen Scan gefundene Probleme
• „GELEITETE PROBLEME“: Probleme, die während des [Intelligent Guided Testing] gefunden wurden(devtools-igt)
• „Muss überprüft werden“: Mögliche Probleme, bei denen axe-core nicht mit absoluter Sicherheit feststellen konnte, ob es sich um echte Probleme handelte. Dies kann häufig bei Farbkontrastberechnungen für Text über Hintergrundbildern oder komplexen Farbverläufen auftreten.
• Best Practice: Probleme, die nicht unbedingt den WCAG-Erfolgskriterien entsprechen, aber branchenweit anerkannte Praktiken darstellen, die das Benutzererlebnis verbessern
• Auswirkung (kritisch, schwerwiegend, mittelschwer und geringfügig): Kategorien der Problemauswirkungen

Probleme werden nach ihrer „Regel“ gruppiert. Für jede verstoßene Regel steht eine erweiterbare Schaltfläche mit der Regelbeschreibung zur Verfügung, um tiefer in die gefundenen Probleme einzutauchen.

Zu jedem Problem steht Folgendes zur Verfügung:

• Beschreibung des Problems
• „Hervorheben“ (Umschalter, der das Element auf der Seite hervorhebt)
• „Problem teilen“ (generiert eine gemeinsam nutzbare Seite, die dem jeweiligen Problem gewidmet ist und alle Problemdaten sowie einen Screenshot enthält)
• Link zur speziellen Hilfeseite für die jeweilige Regel („weitere Informationen“)
• „Ort des Elements“ (der generierte CSS-Selektor für das Element mit dem Zugänglichkeitsproblem)
• „Element untersuchen“ (ermöglicht Ihnen, das Element im Elementefenster der Entwicklertools zu untersuchen)
• Quellcode des Elements
• Anleitung zur Problemlösung (Informationen zur Lösung des Problems)

Ergebnisse speichern

Benutzer mit einem „Pro“-Abonnement können ihre Ergebnisse mit der Schaltfläche „Test speichern“ speichern. Nach dem Klicken werden Sie aufgefordert, Ihrem Testdatensatz einen Namen zu geben. Anschließend stehen Ihnen Intelligent Guided Tests (IGTs) zur Verfügung, um Ihre Tests auf die nächste Stufe zu heben! Gespeicherte Testaufzeichnungen sind dauerhafte Aufzeichnungen, in denen alle Ihre Testdaten gespeichert werden. Sie können Ihre gespeicherten Tests jederzeit finden, indem Sie in der oberen Menüleiste auf den Menüpunkt „Gespeicherte Tests anzeigen“ klicken.