Einleitung
In der Barrierefreiheitsbranche gibt es viele verschiedene Arten von Produkten und Dienstleistungen, die Organisationen dabei helfen können, die Compliance-Anforderungen zu erfüllen. Welches Tool oder welche Dienstleistung für Ihre Organisation die richtige ist, hängt von Ihrem angestrebten Projektzeitplan und dem allgemeinen Reifegrad Ihrer Organisation im Bereich Barrierefreiheit ab.
Die meisten Unternehmen, für die das Thema Barrierefreiheit völlig neu ist, beginnen mit einem Audit, also einem detaillierten Bericht über Barrierefreiheitsprobleme auf der Website oder in der Anwendung des Unternehmens.
Audits sind eine hervorragende Möglichkeit, sich einen umfassenden Überblick über die Barrierefreiheit Ihrer digitalen Produkte zu verschaffen, erfordern jedoch Zeit und Korrekturmaßnahmen seitens der Entwickler Ihres Unternehmens, was die Sprint-Zyklen Ihres Teams beeinträchtigen kann. Eine weitere Lösung für Unternehmen, die sich noch nicht mit Barrierefreiheit auskennen, sind Barrierefreiheits-Overlays.
Anmerkung: In der Barrierefreiheits-Community können „Overlays“ zwei sehr unterschiedliche Bedeutungen haben. Im folgenden Beitrag gehen wir näher darauf ein, warum toolbasierte Overlays problematisch sind. Es ist wichtig zu beachten, dass es sich bei den Barrierefreiheits-Overlays von Dequeum benutzerdefinierte JavaScript-Overlays handelt. Die wesentlichen Unterschiede werden wir im Folgenden näher erläutern.
Benutzerdefinierte JavaScript-Overlays zur Barrierefreiheit sollten nur als kurzfristige Lösung in folgenden Fällen verwendet werden:
- Ihr Unternehmen muss aufgrund einer rechtlichen Beschwerde oder einer Klage dringend erreichbar sein
- Sie müssen einen Drittanbieter-Dienst auf Ihrer Website barrierefrei gestalten, haben jedoch keinen Zugriff auf den Quellcode oder können nicht sofort auf eine neue Version aktualisieren.
- Ihr Produkt muss sofort verfügbar sein, damit Sie es an eine andere Organisation, wie beispielsweise die Bundesregierung, verkaufen können.
- Ihre Entwicklungsteams arbeiten derzeit an einer langfristigen Lösung, doch Sie müssen einen kritischen Barrierefreiheitsfehler unverzüglich beheben.
In diesem Blogbeitrag werde ich erläutern, was ein Barrierefreiheits-Overlay ist, warum nicht alle Overlays gleich sind (toolbasierte Overlays vs. benutzerdefinierte JavaScript-Overlays) und wie der Amaze-Dienst von DequeIhrem Unternehmen helfen könnte, schon jetzt Barrierefreiheit zu erreichen.
Was ist ein Barrierefreiheits-Overlay?
Ein Barrierefreiheits-Overlay ist ein zusätzliches JavaScript-Skript, das einer Website hinzugefügt wird und das Markup der Website beim Aufrufen durch den Nutzer verändert. Diese Overlays können das Erscheinungsbild der Website anpassen, um Probleme bei der visuellen Barrierefreiheit zu beheben, fehlende Barrierefreiheitssemantik ergänzen oder der Seite barrierefreien Text bzw. Textalternativen hinzufügen.
Es gibt zwei Arten von Overlays: gezielte „benutzerdefinierte JavaScript-Overlays“ – diese sind auf die jeweilige Seite und Website zugeschnitten und können umfassende Änderungen an allen Barrierefreiheitsproblemen auf einer bestimmten Seite vornehmen – sowie „toolbasierte Overlays“, die häufig in Form einer Symbolleiste, eines Plugins oder einer Erweiterung auftreten – diese nehmen begrenzte, allgemeine Änderungen an der Seite vor, von denen einige vom Website-Besucher gesteuert werden können.
Nicht alle Overlays sind gleich: Vermeiden Sie werkzeugbasierte Overlays
Wenn die Barrierefreiheits-Community beim Begriff „Overlays“ die Nase rümpft, denkt sie dabei an Overlay-Dienste für die Barrierefreiheit in Form von Symbolleisten oder sogar an Plugins oder Widgets, bei denen der Nutzer ein separates Tool installieren muss, um die Website barrierefrei nutzen zu können.
Diese Overlays sind eine Einheitslösung, die für Menschen mit Behinderungen einfach nicht funktioniert. Tatsächlich handelt es sich bei toolbasierten Overlays um kostengünstige assistive Technologien, die kaum dazu beitragen, die tatsächliche Barrierefreiheit von Webangeboten zu verbessern.
Hier sind die größten Probleme dieser toolbasierten Overlay-„Lösungen“:
Sie verlangen von Menschen mit Behinderungen, dass sie ein anderes Tool herunterladen und nutzen, an das sie nicht gewöhnt sind, anstatt die assistive Technologie zu verwenden, mit der sie vertraut sind.
Für diejenigen, die nicht regelmäßig assistive Technologien nutzen, mag dies keine große Sache sein, aber es ist in etwa so, als würde man von einem Rechtshänder verlangen, eine zehnseitige Arbeit mit der linken Hand zu schreiben – oder umgekehrt. Assistive Technologien verfügen über zahlreiche Funktionen, und es dauert lange, bis sich die Nutzer damit vertraut gemacht haben; ihnen eine billige Alternative aufzudrängen, ist daher keineswegs eine Lösung.
Sie setzen voraus, dass der Nutzer ein spezielles Plugin kennt und installiert, das möglicherweise eigene Probleme hinsichtlich der Barrierefreiheit mit sich bringt.
Sie funktionieren nicht bei nativen mobilen Anwendungen, sodass Ihre Website weiterhin dem Risiko einer Beschwerde oder Klage wegen mangelnder Barrierefreiheit ausgesetzt ist.
Sie befassen sich nur mit einem begrenzten Spektrum an Barrierefreiheitsproblemen:
- Sie bieten einfache Anpassungen der Seite insgesamt; sie können den Farbkontrast ändern, einen Fokusindikator hinzufügen oder einen Hochkontrastmodus aktivieren, der jedoch nur eine kleine Anzahl der möglichen Barrieren für die Barrierefreiheit beseitigt.
- Sie können fehlende komplexe Tastatur- oder Geräteinteraktionen nicht ergänzen, sie können die spezifische Semantik einer Website nicht korrigieren und sie können keine Bedeutung oder Textalternativen hinzufügen, wo diese fehlen.
DequeLösung: Amaze – Individuelles JavaScript-Overlay
Bei Deque bin ich Produktmanager für Amaze. Amaze ist eine „Overlay“-Lösung, die sich völlig von dem unterscheidet, was die meisten Menschen unter diesem Begriff verstehen.
Zunächst einmal ist Amaze ein patentierter, maßgeschneiderter Dienst, den ich gemeinsam mit dem Developer Service Team entwickelt habe. Wir nutzen unsere patentierte Technologie, um maßgeschneiderte JavaScript-Overlays zu erstellen, mit denen sich bestimmte Barrierefreiheitsprobleme auf Ihren spezifischen Seiten beheben lassen, ohne dass der Quellcode Ihrer Website oder Anwendung verändert werden muss.
So funktioniert es: Amaze ist ein JavaScript-Skript, das nach dem Laden einer Seite und bevor der Endnutzer die Seite nutzt, ausgeführt wird und Korrekturen sowie Verbesserungen der Barrierefreiheit als vorübergehende Maßnahme zur Verbesserung der Barrierefreiheit bereitstellt.
Amaze kann die folgenden Änderungen an Ihrer Webanwendung vornehmen, ohne den zugrunde liegenden Quellcode zu ändern:
- Fehlende Textangaben ergänzen (Beispiel: Alternativtext für ein Bild)
- Fügen Sie weitere fehlende HTML-Attribute hinzu (z. B. Rollen von Elementen, Zustände von Elementen), korrigieren Sie ungültige Attribute oder entfernen Sie ungültige Elemente vollständig.
- Füge Ereignisbehandler hinzu, um die Verwendung mit allen Arten von Eingabegeräten zu ermöglichen
- Fügen Sie der Seite strukturelle Informationen hinzu (Beispiel: Listen als Listen kennzeichnen, Tabellen als Tabellen usw.)
Mit diesem Ansatz werden umfassende Barrierefreiheitskorrekturen an Ihren Seiten vorgenommen, die für alle Arten von Behinderungen und für alle assistiven Technologien geeignet sind.
Amaze-Overlays können die meisten Probleme im Bereich der Barrierefreiheit lösen. Es gibt jedoch einige Dinge, die Amaze nicht beheben kann und die Unternehmen selbst angehen müssen. So kann Amaze beispielsweise keine Untertitel zu bereits auf der Seite vorhandenen Videos hinzufügen oder bestimmte Probleme mit Bildern beheben, wie zum Beispiel den Farbkontrast oder Text innerhalb von Bildern. Außerdem ist es wichtig, noch einmal zu betonen, dass Amaze keine langfristige Lösung darstellt: Obwohl Amaze in das DOM eingreift, muss es aktualisiert werden, wenn sich die betreffenden Elemente im DOM ändern.
Zusammenfassung
Wie bereits erwähnt, sind benutzerdefinierte JavaScript-Barrierefreiheits-Overlays eine hervorragende kurzfristige Lösung, die Ihrem Unternehmen Zeit verschafft, bis ein nachhaltiges Barrierefreiheitsprogramm etabliert ist und die Barrierefreiheit bereits in frühen Phasen des Softwareentwicklungszyklus (SDLC) berücksichtigt wird.
Wenn Sie nach langfristigen, nachhaltigen Möglichkeiten suchen, Barrierefreiheit umzusetzen, empfehle ich Ihnen, sich die folgenden Tools oder Dienste einmal anzusehen:
- Automatisierte Barrierefreiheits-Tools wie „axe“ oder „WorldSpace Attest“, die Entwickler während des Programmierens einsetzen können und mit denen sich 30 bis 50 % der Barrierefreiheitsprobleme erkennen lassen.
- Überwachungstools wie WorldSpace Comply sind ebenfalls eine hervorragende Möglichkeit, um sicherzustellen, dass neuer Code keine neuen Probleme hinsichtlich der Barrierefreiheit auf Ihrer Website verursacht.
- Schulungen, um die Auslagerung manueller Korrekturmaßnahmen zu vermeiden, da nicht alle Barrierefreiheitsprobleme durch Automatisierung erkannt werden können. Schulungen helfen den Teams zudem dabei, den kulturellen Wandel zu vollziehen, der für den Erfolg der Barrierefreiheit erforderlich ist. Deque bietet virtuelle, Online- und Präsenzschulungen an, um Ihr Unternehmen dabei zu unterstützen, eigenständig zu werden.
