Barrierefreiheits-Widget, Audit oder Monitoring: Was macht was?
Wer sich mit der Barrierefreiheit von Websites beschäftigt, stößt schnell auf verschiedene Begriffe: Widget, Audit, Scanner, Monitoring, Remediation.
Manchmal werden sie synonym verwendet, obwohl jeder Begriff einen anderen Zweck erfüllt.
Eine Website benötigt möglicherweise eine Bestandsaufnahme, um bestehende Barrieren zu identifizieren. Nutzer brauchen eventuell Funktionen, die ihnen helfen, ihr Surferlebnis anzupassen. Und nach ein paar Wochen kann sich die Website so weit verändert haben, dass neue Barrieren entstanden sind.
Genau hier lohnt es sich anzusetzen.
Was genau leistet ein Barrierefreiheits-Audit?
Ein Audit analysiert den Zustand einer Website zu einem bestimmten Zeitpunkt.
Je nach Art der Untersuchung werden Elemente wie Seitenstruktur, Formulare, Kontraste, Tastaturbedienbarkeit, Textalternativen und interaktive Komponenten geprüft.
Das Ziel ist praxisorientiert: Das Team muss verstehen, wo Barrieren auftreten und welche Auswirkungen diese auf die Nutzer haben.
Ein Formular mag auf dem Bildschirm korrekt aussehen, während die Feldbezeichnungen so implementiert sind, dass ein Screenreader sie nicht richtig interpretieren kann. Ein Menü funktioniert vielleicht einwandfrei mit der Maus, ist aber mit der Tastatur nur schwer zu bedienen.
Hier beginnt ein Audit, das wertvolle Erkenntnisse für Produkt-, UX-, Entwicklungs- und QA-Teams liefert.
Welche Rolle spielt die automatisierte Prüfung?
Ein Teil der Barrierefreiheitsprüfung lässt sich automatisieren.
Ein Scanner kann Seiten durchsuchen und bestimmte Probleme identifizieren, die programmatisch erkennbar sind. Er kann beispielsweise fehlende Textalternativen, Probleme mit bestimmten HTML-Elementen oder andere Fehler markieren, die automatisch überprüfbar sind.
Der Vorteil liegt in der Geschwindigkeit. Bei Websites mit vielen Seiten bietet eine automatisierte Prüfung ein relativ schnelles Bild von wiederkehrenden Problemen.
Es gibt jedoch Kriterien, die eine menschliche Bewertung erfordern.
Ein gutes Beispiel ist der Alternativtext eines Bildes. Das Vorhandensein eines alt -Attributs lässt sich automatisch prüfen. Die Qualität der Beschreibung hängt jedoch von der Funktion des Bildes und dem Kontext ab, in dem es erscheint.
Aus diesem Grund sind Scan-Ergebnisse ein nützlicher Ausgangspunkt für eine Barrierefreiheitsprüfung.
Sie können den Wawsome Accessibility Checker um eine Website zu scannen und direkt umsetzbare Ergebnisse zu erhalten.
Was macht ein Accessibility-Widget?
Ein Accessibility-Widget ist für Nutzer sichtbar und bietet Funktionen zur Anpassung des digitalen Erlebnisses.
Je nach Lösung haben Nutzer Zugriff auf Optionen für Textgröße, Kontrast, Farben, Hervorhebung von Elementen, Tastaturnavigation und weitere Barrierefreiheitsfunktionen.
Das Wawsome Accessibility Widget enthält eine Reihe von Tools, mit denen Nutzer ihr Erlebnis an ihre individuellen Bedürfnisse anpassen können. Wawsome bietet derzeit mehr als 70 Funktionen für Barrierefreiheit und Personalisierung in Bereichen wie Textanpassungen, Inhaltsanpassungen, Tastaturnavigation, Farbanpassungen, Screenreader-Funktionen und Barrierefreiheitsprofile.
Hier ist es wichtig, die Rolle des Widgets zu verstehen.
Probleme innerhalb der Website-Struktur, des Codes, der Formulare oder der Inhalte müssen identifiziert und an der Wurzel behoben werden. Ein Widget hat seine eigene Rolle im Nutzererlebnis und sollte als Teil eines umfassenderen Prozesses zur Barrierefreiheit betrachtet werden.
Wenn beispielsweise ein Formular falsch implementierte Felder aufweist, muss das Problem auf Formularebene gelöst werden. Wenn eine Schaltfläche keinen barrierefreien Namen hat, muss die Implementierung dieser Komponente überprüft werden.
Diese Situationen erfordern unterschiedliche Arten von Maßnahmen.
Warum ist Monitoring wichtig?
Eine heute veröffentlichte Website bleibt in den darauffolgenden Monaten selten unverändert.
Das Marketing veröffentlicht eine Landingpage. Das Team startet eine Kampagne. Neue Produkte werden hinzugefügt. Die Entwicklung ändert ein Formular oder aktualisiert den Checkout.
Jede Änderung kann neue Elemente einführen, die überprüft werden müssen.
Stellen Sie sich einen Onlineshop vor, der im September ein Barrierefreiheits-Audit durchlaufen hat. Die festgestellten Probleme wurden behoben.
Im Oktober werden 150 neue Produkte sowie zwei Landingpages für den Black Friday veröffentlicht. Im November wird der Checkout geändert.
Das Audit vom September beschreibt die Version der Website, die zu diesem Zeitpunkt bewertet wurde. Die aktuelle Website enthält bereits andere Elemente.
Monitoring hilft Teams dabei, erkennbare Probleme bei Änderungen an der Website nachzuverfolgen.
Wie funktioniert Barrierefreiheits-Monitoring?
Ein Monitoringsystem überprüft eine Website in regelmäßigen Abständen.
Der Wawsome Accessibility Monitor überwacht Websites kontinuierlich und scannt Seiten bei erkannten Aktualisierungen erneut, damit Teams neu entstandene Barrierefreiheitsprobleme sofort identifizieren können.
Dies ist besonders nützlich für Websites, die häufig aktualisiert werden.
Ein Onlineshop veröffentlicht möglicherweise täglich neue Produkte. Eine Bank ändert ihre Anwendungen und digitalen Dienste. Eine Klinik fügt neue Formulare und Services hinzu. Eine öffentliche Einrichtung veröffentlicht Dokumente oder ändert einen Online-Prozess.
Die Barrierefreiheit muss im gleichen Tempo wie das digitale Produkt überwacht werden.
Wo passt die Fehlerbehebung ins Bild?
Nachdem ein Problem identifiziert wurde, muss das Team feststellen, was die Ursache ist und wie es behoben werden kann.
Manchmal betrifft die Lösung den Inhalt. In anderen Fällen müssen eine Komponente, die HTML-Struktur oder das Verhalten einer Funktion angepasst werden.
Auch hier spielt die Priorisierung eine wichtige Rolle.
Stellen Sie sich zwei Probleme vor, die im selben Onlineshop identifiziert wurden.
Das erste betrifft ein sekundäres Bild in einem Blogartikel.
Das zweite verhindert, dass ein Nutzer den Checkout-Button per Tastatur erreichen kann.
Beide Probleme müssen analysiert werden. Ihre Auswirkungen auf den Nutzer sind sehr unterschiedlich.
Eine reine Fehleranzahl erzählt nur einen Teil der Geschichte. Das Team muss verstehen, wo Probleme auftreten und welche Nutzeraktionen sie beeinträchtigen.
Ein einfaches E-Commerce-Beispiel
Ein Onlineshop beschließt, die Barrierefreiheit seiner Website zu bewerten.
Der erste Scan identifiziert mehrere automatisch erkennbare Probleme. Das Team führt daraufhin manuelle Prüfungen auf wichtigen Seiten und während des gesamten Checkout-Prozesses durch.
Einige Probleme werden im Code behoben. Andere betreffen Inhalte und werden von dem Team korrigiert, das den Shop verwaltet.
Das Unternehmen entscheidet sich zudem, den Nutzern zusätzliche Funktionen über ein Accessibility-Widget bereitzustellen.
Wer sollte für all das verantwortlich sein?
Barrierefreiheit betrifft mehrere Abteilungen.
Das Marketing veröffentlicht Bilder, Landingpages und Inhalte. Das UX-Team arbeitet an Interaktionen und der Struktur des Nutzererlebnisses.
Die Entwicklung implementiert Komponenten. Die Qualitätssicherung prüft die Funktionsweise des Produkts.
Deshalb funktioniert Barrierefreiheit besser, wenn die Verantwortlichkeiten innerhalb des Prozesses klar definiert sind.
Wird ein neues Bild ohne Alternativtext veröffentlicht, liegt das Problem möglicherweise direkt in der Phase der Content-Pflege. Wenn ein neues Modal den Fokus nicht korrekt steuert, liegt das Problem bei der Entwicklung und der Qualitätssicherung.
Eine klare Zuweisung der Verantwortlichkeiten macht die Fehlerbehebung wesentlich einfacher.
Audit, Widget und Monitoring als Teil desselben Prozesses
Diese drei Elemente können in verschiedenen Phasen desselben Prozesses auftreten.
Ein Audit oder eine Bewertung liefert Informationen über den aktuellen Stand des digitalen Produkts.
Ein Widget bietet Nutzern Funktionen für Barrierefreiheit und Personalisierung.
Das Monitoring erfasst erkennbare Probleme, die im Laufe der Zeit auftreten.
Dazwischen liegt die Fehlerbehebung, bei der identifizierte Probleme analysiert und behoben werden.
Für eine Website, die sich ständig weiterentwickelt, kann der Prozess wie folgt aussehen:
- Ist-Zustand bewerten
- Probleme priorisieren
- Fehler beheben
- Nützliche Funktionen für Nutzer implementieren
- Änderungen überwachen
- Wichtige Nutzerabläufe regelmäßig überprüfen
Nicht jedes Unternehmen startet am gleichen Punkt. Eine neue Website hat andere Anforderungen als eine E-Commerce-Plattform mit tausenden Seiten und jahrelanger Entwicklungsgeschichte.
Wie entscheiden Sie, wo Sie anfangen sollen?
Wenn Sie Ihre Website noch nie bewertet haben, kann ein erster Scan die automatisch erkennbaren Probleme aufzeigen.
Falls Sie bereits einen Bericht haben, prüfen Sie die Probleme, die wichtige Nutzerabläufe beeinträchtigen, und legen Sie fest, wer für die Behebung verantwortlich ist.
Wenn sich Ihre Website häufig ändert, integrieren Sie eine Überwachung in den bestehenden Arbeitsablauf Ihres Teams.
Prüfen Sie bei der Auswahl eines Widgets, welche Funktionen es bietet und wie diese die Bedürfnisse Ihrer Website-Besucher erfüllen.
Das richtige Tool hängt von dem Problem ab, das Sie lösen möchten.
Was kann Wawsome leisten?
Wawsome bietet Tools, die verschiedene Phasen dieses Prozesses abdecken.
Sie können damit beginnen, Ihre Website mit dem Accessibility Checker zu überprüfen, um automatisch erkennbare Probleme zu identifizieren.
Für Websites, die sich ständig ändern, ermöglicht der Accessibility Monitor es Teams, erkennbare Probleme im Zeitverlauf zu verfolgen.
Das Barrierefreiheits-Widget bietet Nutzern Funktionen, mit denen sie ihr digitales Erlebnis individuell anpassen können.
Entdecken Sie auch das gesamte Spektrum der Wawsome-Funktionen für Barrierefreiheit.
Für Teams liegt der Vorteil darin, dass Informationen zur Barrierefreiheit Teil eines kontinuierlichen Prozesses zur Überprüfung und Verbesserung der Website werden können.
FAQ
Woher weiß ich, ob ich ein Audit zur Barrierefreiheit benötige?
Wenn Sie den aktuellen Status Ihrer Website nicht kennen, ist eine Bestandsaufnahme ein guter Ausgangspunkt. Sie hilft dabei, bestehende Barrieren und Bereiche zu identifizieren, die weitergehend geprüft werden müssen.
Kann ich die Barrierefreiheit meiner Website automatisch prüfen?
Einige Probleme lassen sich automatisch erkennen. Andere Kriterien erfordern eine manuelle Bewertung und den entsprechenden Kontext.
Macht ein Accessibility-Widget meine Website WCAG-konform?
Die bloße Installation eines Widgets bedeutet noch keine WCAG-Konformität. Die Konformität wird auf Basis der geltenden Kriterien für den Inhalt und die Funktionalität der Website bewertet.
Warum sollte ich meine Website nach einem Audit weiter überwachen?
Websites verändern sich. Neue Seiten, Bilder, Formulare und technische Updates können neue Barrieren schaffen. Eine Überwachung hilft dabei, erkennbare Probleme nach solchen Änderungen zu identifizieren.
Wie oft sollte ich die Barrierefreiheit überprüfen?
Die Häufigkeit hängt davon ab, wie oft sich Ihre Website ändert. Bei einem Onlineshop oder einer Plattform mit häufigen Updates sind regelmäßige Prüfungen sinnvoller als bei einer Website, die sich nur selten ändert.
Starten Sie mit Ihrer aktuellen Website
Sie müssen nicht mutmaßen, wie es um die Barrierefreiheit Ihrer Website steht. Sie können es einfach überprüfen.
Ein erster Scan zeigt Ihnen die Probleme auf, die automatisch erkannt werden können, und bietet Ihnen einen konkreten Ausgangspunkt für weitere Tests.
Von dort aus können Sie festlegen, was manuell geprüft und was behoben werden muss und wie Sie die Barrierefreiheit nach dem nächsten Website-Update im Blick behalten.