Das Team von „ Deque Labs“ hat spannende Neuigkeiten: Eine brandneue Version unserer kostenlosen aXe-Erweiterung für Chrome steht ab sofort zum Download bereit! Wir haben die Benutzeroberfläche komplett überarbeitet und einige leistungsstarke neue Funktionen eingeführt, die euch dabei helfen, Lerninhalte noch gründlicher zu wiederholen. In diesem Beitrag werde ich euch die Neuerungen vorstellen, damit ihr sofort loslegen könnt – mit unserer neuesten Version.
Eine glänzende neue Benutzeroberfläche!
axe DevTools für Chrome (und bald auch für Firefox) verfügt über eine neu gestaltete Benutzeroberfläche, die mithilfe der barrierefreien Pattern Library von Dequeumgesetzt wurde. Es erwarten Sie responsive Layouts, kräftigere Schriftarten und eine verbesserte Organisation der Probleme sowie ein Dropdown-Menü mit Informationen zur Version der Erweiterung und zur API-Version vonaXe-core .
Um Ihnen einen Klick beim Laden zu ersparen, wird bei der Analyse nun standardmäßig das erste Ticket angezeigt. Die neu gestaltete Navigation erleichtert das Navigieren durch eine große Anzahl von Tickets dank der Links zu „Erstes“, „Vorheriges“, „Nächstes“ und „Letztes“. Wie wir später in diesem Beitrag noch näher erläutern werden, springt das feststehende Navigations-Dropdown-Menü beim Durchsehen der Elemente standardmäßig zum zuletzt verwendeten Ticketfilter.
Genau wie bei unserer älteren Firefox-Erweiterung können Sie nun Knoten auf der Seite markieren, während die Benutzeroberfläche der Chrome-Erweiterung weiterhin geöffnet ist. Zudem steht Ihnen die Funktion „Knoten untersuchen“ zur Verfügung, mit der Sie den Element-Inspector des Browsers öffnen können. Wenn Sie Hilfe bei der Behebung von Problemen benötigen, finden Sie in der Erweiterung Tipps zur Lösung bestimmter Barrierefreiheitsprobleme sowie die Links „Weitere Informationen“, die zu unseren kostenlosen Dokumentationsseiten auf derDeque University führen.
Muss überprüft werden
Wenn Sie Analysen durchführen, werden Sie feststellen, dass in aXe 3.0.0 eine wesentliche Änderung eingeführt wurde, um der Komplexität von Barrierefreiheitstests Rechnung zu tragen. Zusätzlich zu den Ergebnissen „Bestanden“ und „Nicht bestanden“ stellt die aXe-Erweiterung nun eine neue Ergebniskategorie bereit, die als „Muss überprüft werden“ bezeichnet wird.
Ein „Needs Review“-Ergebnis liegt vor, wenn aXe-core nicht über genügend Informationen verfügt, um ein eindeutiges „Bestanden“- oder „Nicht bestanden“-Ergebnis zu liefern. Um unserer Philosophie „keine Fehlalarme“ bei Verstößen gegen die Barrierefreiheit treu zu bleiben, bietet die aXe-Benutzeroberfläche die Möglichkeit festzulegen, ob ein Element einen Verstoß darstellt oder abgelehnt werden kann. Wenn aXe-core aus einem bestimmten Grund keine Entscheidung treffen kann – beispielsweise bei der Erkennung des Farbkontrasts vor einem Hintergrundbild oder einem Farbverlauf –, wird diese Information zur Fehlerbehebung an Sie weitergeleitet. In zukünftigen Versionen könnte „Überprüfung erforderlich“ dazu dienen, weitere Inhalte aufzudecken, die einer manuellen Überprüfung bedürfen.
Hier ist ein Beispiel für einen Testbericht zum Thema Farbkontrast:
Um den Farbkontrast bei Knoten mit Hintergrundbildern zu überprüfen, können Sie unter anderem das Hintergrundbild in den DevTools des Browsers deaktivieren und aXe erneut ausführen. Bei dekorativen Bildern, die den Vordergrundtext nicht beeinträchtigen, können Sie „Dies ist kein Problem“ auswählen und zum nächsten Punkt übergehen. Handelt es sich um ein echtes Problem, das behoben werden muss, können Sie eine Beschreibung des Problems angeben, die an die Liste der Verstöße weitergeleitet wird.
aXe speichert Ihre Entscheidungen in der aktuellen Browsersitzung entweder als Verstöße oder als abgelehnt, wobei Sie die Möglichkeit haben, diese später erneut zu bearbeiten. Überprüfungselemente, die Sie noch nicht geändert haben, können mithilfe des Dropdown-Menüs „Problemfilter“ herausgefiltert werden, ebenso wie alle Elemente, die Sie als „kein Problem“ abgelehnt haben. Überprüfungselemente, die als berechtigte Probleme geändert wurden, werden der Liste der Verstöße für diese bestimmte Regel hinzugefügt.
Sie haben keine Lust auf alle Prüfpunkte? Verwenden Sie das Dropdown-Menü „Filter“ im Menü „Ausgabe“, um statt aller Punkte nur die Verstöße anzuzeigen. Diese Einstellung bleibt bei nachfolgenden Analysen beibehalten.
Technische Hinweise
Wir haben die Codebasis mithilfe von React, Redux und den Webextensions-APIs von Grund auf neu geschrieben, wodurch die Portierung auf weitere Browser in Zukunft vereinfacht wird. Bei der Priorisierung unserer zukünftigen Arbeit behalten wir die Entwicklungen im Bereich der APIs genau im Auge.
Sie können aXe nun nicht nur für gehostete Seiten, sondern auch für lokale Dateien nutzen, was die Analyse von Inhalten vor der Bereitstellung auf einem Server vereinfacht. (Programmier Sie mit React? Schauen Sie sich unser React-aXe-Modul an, um bereits in einer früheren Phase des Softwareentwicklungszyklus Tests durchzuführen.)
Feedback geben
Da es sich hierbei um eine neue Version eines bewährten Tools zur Barrierefreiheitsprüfung handelt, würden wir uns sehr über Ihr Feedback freuen. Gefällt es Ihnen? Würden Sie sich eine andere Funktionsweise wünschen? Schreiben Sie uns eine E-Mail an axe@deque.com.
Alternativ können Sie uns jederzeit besuchen und auf unserer neuen Website https://axe-core.org mehr über aXe erfahren.
Vielen Dank, dass ihr mit aXe dazu beitragt, das Internet barrierefreier zu gestalten!
