In einem kürzlich erschienenen Beitraghaben wir einen Blick in die Vergangenheit geworfen, als unsere Experten die Vorzüge ihrer liebsten früheren Barrierefreiheits-Tools diskutierten. Diese Woche haben wir mit unseren Barrierefreiheitsexperten gesprochen, um herauszufinden, welche aktuellen Barrierefreiheits-Tools sie am liebsten nutzen. Dies sind die Barrierefreiheits-Prüfprogramme und -Tools, die unsere Experten in ihrer täglichen Arbeit einsetzen – die Tools, die Barrierefreiheit im Web ermöglichen.
aXe
Abgesehen von dieser unverhohlenen Produktwerbung stand aXe bei den meisten unserer Experten ganz oben auf der Liste der „beliebtesten Barrierefreiheits-Tools“. „aXe ist ein großartiges Tool für automatisierte Tests. Ich nutze es hauptsächlich über WS Assure“, sagt Gokhan Boybek, Senior-Berater für Barrierefreiheit.
aXe ist die schlanke, portable Open-Source-Engine für JavaScript-Barrierefreiheitsregeln v Deque. Es handelt sich um einen schnellen, kostenlosen Barrierefreiheitsprüfer, der keinerlei Fehlalarme liefert. Sie können aXe als Browser-Plugin, als Framework-Integration oder als GitHub-Repository nutzen. Das Beste daran ist jedoch vielleicht, dass Sie mit aXe Barrierefreiheitstests direkt in Ihren Quellcode integrieren können, wodurch verhindert wird, dass Barrierefreiheitsprobleme in Ihren Master-Code gelangen. „[Ich nutze] aXE von GitHub, weil es einfach großartig ist, keine Fehlalarme liefert und barrierefrei ist“, sagt die leitende Beraterin für Barrierefreiheit Jeanine K. Lineback.
aXe wurde vor kurzem aktualisiert, und aXe Version 2.0 ist besser als je zuvor. Da dieser Barrierefreiheits-Checker es Ihnen ermöglicht, Barrierefreiheitstests in Ihren Quellcode zu integrieren und sich nahtlos in Ihre bestehenden Test-Frameworks einbinden lässt, reduziert er sowohl die Kosten als auch den Aufwand bei der Entwicklung barrierefreier Webanwendungen.
WAVE
Wir haben WAVE im Beitrag der letzten Woche über unsere Lieblings-Tools frühe Barrierefreiheits-Toolsausführlich über WAVE berichtet. (WAVE war das einzige erwähnte Tool, das noch aktuell ist.) WAVE ist ein kostenloser Online-Dienst, der die Barrierefreiheit bewertet, indem er die Probleme einer Webseite visuell darstellt. Er ist als Erweiterung für Firefox und Chrome sowie als API verfügbar. Glenda Sims, unsere Teamleiterin für Barrierefreiheit und Leiterin für Beratung und Qualitätsmethodik, kann gar nicht genug von diesem Tool schwärmen. „Super einfach zu bedienen. Man kann es sogar nutzen, ohne etwas installieren zu müssen“, sagt sie. Glenda schätzt außerdem, dass WAVE eines der wenigen Barrierefreiheits-Tools ist, das nur sehr wenige Fehlalarme auslöst. Außerdem, so sagt sie, „bietet es gute Beschreibungen dazu, wie man [Barrierefreiheitsprobleme] behebt, und verfügt über gute Optionen zum Testen des Farbkontrasts.“
NoCoffee
Eines der von unseren Experten am häufigsten genannten Tools zur Barrierefreiheit war NoCoffee, das sich von typischen Barrierefreiheits-Checkern dadurch unterscheidet, dass es Webseiten nicht bewertet und mit Punkten versieht. Stattdessen handelt es sich um ein innovatives Barrierefreiheits-Tool, das Barrierefreiheitstestern, Entwicklern und UX-Designern die Möglichkeit bietet, Webseiten aus der Perspektive eines Nutzers mit Sehbehinderungen zu erleben. Aus diesem Grund wurde NoCoffee von unseren Experten als einzigartiger Favorit eingestuft.
Diese Chrome-Erweiterung bietet Testern die Möglichkeit, verschiedene Arten von Sehbeeinträchtigungen zu simulieren – von Unschärfe und Farbenblindheit bis hin zu verschiedenen anderen Sehproblemen wie Makuladegeneration und Glaukom. Gokhan Boybek, Senior Accessibility Consultant, findet diese Funktion bei seiner Arbeit sehr hilfreich. „Es ist nützlich, eine Seite in Schwarz-Weiß umzuwandeln, um die Verwendung von reinen Farben und den Farbkontrast von Links zu erkennen“, sagt er. Aber nicht nur Barrierefreiheitsexperten schätzen dieses Tool. Caitlin Geier, UX-Designerin bei „ Deque“, nutzt NoCoffee ebenfalls.Deque„Aus gestalterischer Sicht ist es sehr hilfreich“, sagt sie. Unsere Experten schätzen das Tool, weil es in einer Vielzahl von Barrierefreiheitsszenarien eingesetzt werden kann. „[NoCoffee ist] sehr nützlich, um schnelle und grobe Tests an visuellen Mockups und Benutzeroberflächen durchzuführen und so potenzielle Probleme zu erkennen“, erklärt der leitender Berater für Web-Barrierefreiheit, Stratege und Trainer Denis Boudreau.
Farbkontrast-Analysator
„Das ist ein großartiges Barrierefreiheits-Tool, wenn man Pixel auswählen muss“, sagt Glenda Sims. Dieses Barrierefreiheits-Tool ermöglicht es Ihnen, Kontrastelemente auf einer Webseite zu unterscheiden und die Lesbarkeit sowie Verständlichkeit von Text zu beurteilen. Der Colour Contrast Analyser misst während Ihrer Arbeit die Einhaltung der WCAG 2.0-Standards und simuliert zudem bestimmte Sehbeeinträchtigungen, darunter auch Farbenblindheit. Dieses Tool wurde von vielen unserer Experten diskutiert, da Probleme mit dem Farbkontrast zu den häufigsten Barrierefreiheitsproblemen auf Webseiten gehören.
Firefox-Symbolleiste für Webentwickler
Die Firefox Web Developer Toolbar war ebenfalls ein besonders beliebtes Barrierefreiheits-Tool, das von vielen unserer Experten genutzt wurde. Diese Erweiterung enthält Dutzende vorkonfigurierter Tests, mit denen sich Barrierefreiheitsprobleme aufspüren lassen. Doch eine große Auswahl macht die Sache nicht immer einfacher. „Anfangs ist die Bedienung etwas schwierig, da esso viele Optionen“, räumt Denis Boudreau ein. „Aber sie wird schnell zu einem großartigen Werkzeug in Ihrem Werkzeugkasten, da sie die meisten Tests nachbilden kann, die in der WAT-C Web Accessibility Toolbar verfügbar sind.“ Viele unserer anderen Experten stimmten dem zu und schätzten das Tool aus anderen Gründen. „Ich nutze auch die Überschriftenliste“, sagt unsere Senior-Front-End-Entwicklerin und Barrierefreiheits-Botschafterin Marcy Sutton. „Ich mag [sie], weil sie anzeigt, an welchen Stellen eine Seite Überschriftenebenen übersprungen hat.“ Auch Gokhan Boybek ist ein Fan der Überschriftenliste. „[Ich nutze sie], um die Überschriftenstruktur einer Seite zu sehen, Listen und Tabellen zu gliedern und Hintergrundbilder zu identifizieren“, sagt er.
Paul Adams’ Bookmarklets
Nun zu der wohl am besten gehüteten Geheimtipp-Suite für Barrierefreiheit: Paul Adams’ Bookmarklets. Mehrere unserer Experten schwärmten begeistert von Pauls Bookmarklets, und es ist leicht zu verstehen, warum: Sie sind einfach zu bedienen und vielseitig einsetzbar.
Paul J. Adam ist Barrierefreiheits-Befürworter, Berater für Barrierefreiheit und Entwickler bei Deque. Seine Bookmarklets dienen zur Überprüfung der Barrierefreiheit und sind für Nutzer von Screenreadern zugänglich. Diese Bookmarklets zur Überprüfung der Barrierefreiheit verwenden JavaScript, um Rollen, Zustände und Eigenschaften von Barrierefreiheitselementen auf der Seite hervorzuheben. Jeanine K. Lineback nutzt Pauls Bookmarklets recht häufig, weil sie, wie sie sagt, „einfach zu bedienen und flexibel sind. Außerdem lassen sie sich in allen Browsern und auf allen Betriebssystemplattformen einsetzen.“
Seite vergrößern (Firefox)
Ein weiterer Spitzenreiter unter den Barrierefreiheits-Tools ist „Zoom Page“ von Firefox. Diese Barrierefreiheits-Erweiterung bieteteinen voll ausgestatteten Zoom-Manager mit separaten Zoom-Modi für Seiten und Bilder. „Man kann aus vier Zoom-Modi wählen“, erklärt Denis Boudreau, „Standard-Zoom, An Breite anpassen, Standard-Zoom + Website-spezifisch oder An Breite anpassen + Website-spezifisch.“ Außerdem sind der Stil der Schaltflächen und die Zoomstufen vollständig konfigurierbar. „[Es ist] eine der besten Möglichkeiten, die Barrierefreiheit für Menschen mit Sehbehinderungen zu überprüfen und festzustellen, wie gut sich Webseiten skalieren, wenn der Textzoom zum Einsatz kommt“, fügt Denis hinzu.
HTML-Code-Sniffer
Mehrere unserer Experten haben dieses unabhängige Tool zur Barrierefreiheit erwähnt. Jeanine K. Lineback beispielsweise schätzt den CodeSniffer, weil er in verschiedenen Browsern verfügbar ist „und zudem selbst recht barrierefrei ist“. Der HTML_CodeSniffer ist ein clientseitiges Skript, das HTML-Quellcode überprüft und Verstöße gegen einen definierten Codierungsstandard erkennt. Das Bookmarklet ist vollständig in JavaScript geschrieben, erfordert keine serverseitige Verarbeitung und kann von Entwicklern erweitert werden, um benutzerdefinierte Codierungsstandards durch die Erstellung eigener „Sniffs“ durchzusetzen.
Weitere beliebte Hilfsmittel für Barrierefreiheit
Zwar werden die oben genannten Barrierefreiheits-Tools von den Mitgliedern unseres Teams bevorzugt, doch gibt es eine Vielzahl weiterer Favoriten, die ebenfalls von einigen unserer Experten genannt wurden. Marcy Sutton sagt, dass sie neben „axe“ hauptsächlich integrierte Browser-Tools wie den Chrome Accessibility Inspector (Experiment) und den Safari Accessibility Node Inspector. Zusätzlich zu den oben genannten Barrierefreiheits-Tools schätzt Glenda Sims Google Chrome-Barrierefreiheitsprüfungen. „Es ist ein leistungsstarkes Tool und sehr präzise“, sagt sie. „Ich finde es toll, dass es sogar den Farbkontrast empfiehlt, der die [Prüfung] besteht.“
Dennis Lembree, Senior Accessibility Consultant, bevorzugt hingegen das „Visual ARIA Bookmarklet“ „für die ARIA-Prüfung. Dieses Tool ist eher für Entwickler gedacht.“ Für diejenigen, die gerade erst in den Bereich der Barrierefreiheit im Web einsteigen, empfiehlt Dennis die Verwendung des A11y.Css-Bookmarklet. „Es ist auch für Designer ein gutes Tool“, fügt er hinzu. Und wenn Sie nach weiteren Tools für den Farbkontrast suchen, empfiehlt Dennis, einen Blick auf diese Liste von WebAxe.
Jeanine K. Lineback mag den „UserAgent Switcher“ , um weitere User-Agent-Strings zu erhalten. „Damit lassen sich User-Agents spontan ändern, und die Datei ist barrierefrei“, sagt sie. Gokhan Boybek nutzt zusätzlich zu den von ihm erwähnten Barrierefreiheits-Tools eine Vielzahl von Barrierefreiheits-Symbolleisten, wie beispielsweise Jon Gundersons Accessibility Evaluation Toolbar (zum Erkennen von Tastenkombinationen) sowie die „Accessibility Toolbar“ von Juicy Studio.
Was mobile Geräte angeht, schätzt Katie Haritos-Shea, unsere leitende Architektin für IKT-Barrierefreiheit, den „Accessibility Scanner“ für Android. „Ich finde die Freigabefunktionen toll, mit denen man sich jeden Bericht per E-Mail zusenden kann.“ Und Jeanine K. Lineback ist ein großer Fan von Googles „Accessibility Scanner“ für native Android-Apps, „weil das das einzige mir bekannte Tool ist, das zum Testen nativer Android-Apps geeignet und mit Talkback vollständig barrierefrei nutzbar ist.“
Bei der Diskussion über Barrierefreiheits-Tools mit unserem Team wurde eines deutlich: Diejenigen, die im Bereich der Barrierefreiheit im Web tätig sind, nutzen in ihrer täglichen Arbeit zahlreiche verschiedene Barrierefreiheits-Tools und -Prüfprogramme. Im Rahmen unserer Mission der digitalen Inklusion ist es unsere Aufgabe, dafür zu sorgen, dass diesen Personen die allerbesten Tools zur Verfügung stehen.
Seid gespannt auf unseren nächsten Beitrag zu diesem Thema, in dem wir herausfinden werden, wie ein perfektes Barrierefreiheits-Tool aussieht.
Wir danken allen unseren Fachexperten für Barrierefreiheit, Strategen, Trainern, Designern und Entwicklern für ihre Beiträge. Ein besonderer Dank gilt Denis Boudreau, Gokhan Boybek, Jeanine K. Lineback, Glenda Sims, Dennis Lembree, Caitlin Geier, Marcy Sutton und Katie Haritos-Shea.
