Wie man ein Barrierefreiheits-Audit durchführt

Jazmie Jamaludin

Machen Sie ein kleines Experiment. Öffnen Sie Ihre eigene Website, legen Sie dann Ihre Maus zur Seite und berühren Sie sie nicht. Verwenden Sie nur die Tastatur – drücken Sie die Tab-Taste, um sich zu bewegen, und die Eingabetaste, um Elemente zu aktivieren. Können Sie das Menü erreichen? Das Kontaktformular ausfüllen? Einen Kauf abschließen? Bei sehr vielen Websites lautet die ehrliche Antwort nein, Sie bleiben irgendwo offensichtlich stecken, gefangen auf einer Seite ohne klaren Weiterweg. Und wenn Sie Ihre eigene Website nicht mit einer Tastatur navigieren können, können es auch die Millionen von Menschen nicht, die genau darauf angewiesen sind, jeden einzelnen Tag.

Ein Barrierefreiheits-Audit ist einfach der Akt des Herausfindens, wen Ihre Website ausschließt und wie. Es ist kein Nischen- oder technisches Problem für eine winzige Minderheit. Ein signifikanter Anteil der Menschen leidet unter irgendeiner Form von Behinderung, und viele weitere profitieren von barrierefreiem Design in gewöhnlichen Situationen – helles Sonnenlicht auf einem Bildschirm, ein lauter Raum, ein gebrochener Arm, das Älterwerden. In diesem Leitfaden erfahren Sie, was Barrierefreiheit wirklich bedeutet, wie Sie ein praktisches Audit ohne Experte zu sein durchführen können, welche Tools helfen können und wie Sie die häufigsten Probleme beheben können. Das Ziel ist eine Website, die jeden willkommen heißt, was gut für Menschen und gut für Unternehmen ist.

Was Barrierefreiheit tatsächlich bedeutet

Barrierefreiheit bedeutet, Ihre Website so zu gestalten, dass Menschen mit unterschiedlichsten Fähigkeiten sie nutzen können. Dazu gehören blinde oder sehbehinderte Personen, die einen Screenreader verwenden – eine Software, die eine Seite vorliest. Dazu gehören Personen, die keine Maus benutzen können und mit Tastatur oder Stimme navigieren. Dazu gehören gehörlose Personen, die Untertitel benötigen, farbenblinde Personen, die Rot nicht von Grün unterscheiden können, und Personen mit kognitiven Unterschieden, die klare, einfache Layouts benötigen. Es geht, kurz gesagt, darum, Menschen nicht versehentlich von etwas auszuschließen, wozu man sie gerne zulassen würde.

Das entscheidende Wort ist „versehentlich“. Fast niemand erstellt absichtlich eine unzugängliche Website. Es geschieht durch kleine, unüberlegte Entscheidungen: Text, der zu hell zum Lesen ist, ein Bild ohne Beschreibung, ein Formularfeld ohne Beschriftung, ein Video ohne Untertitel, ein Button, der nur mit der Maus erreichbar ist. Jede dieser Entscheidungen schließt jemanden stillschweigend aus. Ein Audit beleuchtet diese Entscheidungen, damit Sie sie korrigieren können, und verwandelt gute Absichten in eine Website, die wirklich für jeden funktioniert. Es passt natürlich zu einer laufenden Barrierefreiheitswartung, da eine Website im Laufe ihrer Änderungen wieder unzugänglich werden kann.

Die meisten Websites haben grundlegende Barrieren
Groß angelegte Tests von Homepages zeigen immer wieder, dass die überwiegende Mehrheit häufige, behebbare Barrierefreiheitsmängel aufweist, wie z. B. geringer Kontrast und fehlende Beschriftungen.
Quelle: Barrierefreiheitsanalyse führender Homepages

Warum ein Audit Ihre Zeit wert ist

Lassen Sie den moralischen Aspekt für einen Moment beiseite, so überzeugend er auch ist, denn Barrierefreiheit ist auch ganz klar gut für das Geschäft. Eine barrierefreie Website erreicht mehr Kunden – Sie weisen nicht länger einen bedeutenden Teil Ihres potenziellen Publikums an der Tür ab. Sie ist in der Regel für jedermann einfacher zu bedienen, nicht nur für Menschen mit Behinderungen, denn dieselben Dinge, die einem Screenreader helfen – klare Struktur, gute Beschriftungen, lesbarer Text – helfen allen. Sie überschneidet sich oft auch mit einer besseren Suchmaschinenleistung, da Suchmaschinen dieselbe saubere Struktur schätzen, auf die assistive Technologien angewiesen sind.

Es gibt auch eine steigende Erwartung, an vielen Orten und in vielen Branchen, dass Websites barrierefrei sein sollten, mit echten Konsequenzen für diejenigen, die es nicht sind. Der beste Grund ist jedoch einfacher als all diese. Jemanden von Ihrem Geschäft auszuschließen, aufgrund einer Designentscheidung, die Sie nie hinterfragt haben, ist nicht die Art von Sache, die die meisten Eigentümer tun wollen, sobald sie erkennen, dass es passiert. Ein Audit ist der Weg, dies herauszufinden. Es passt natürlich zu einem umfassenderen Website-Gesundheits-Audit als Teil der richtigen Pflege Ihrer Website.

Die vier Säulen des barrierefreien Designs

Der international anerkannte Ansatz zur Barrierefreiheit basiert auf vier einfachen Ideen, und Sie müssen keine Norm auswendig lernen, um sie im Kopf zu behalten. Eine Website sollte wahrnehmbar, bedienbar, verständlich und robust sein. Diese Worte klingen formell, aber sie lassen sich in sehr menschliche Fragen übersetzen.

Die vier Säulen und die dahinterstehenden Fragen
Säule Die Frage in einfacher Sprache Ein häufiger Fehler
Wahrnehmbar Können Menschen den Inhalt erfassen? Bilder ohne Textbeschreibung
Bedienbar Kann man es ohne Maus bedienen? Menüs, die nur mit der Maus erreichbar sind
Verständlich Ist es klar und vorhersehbar? Verwirrende Formulare und Fehlermeldungen
Robust Funktioniert es mit assistiven Technologien? Benutzerdefinierte Widgets, die Screenreader nicht lesen können

Wenn Sie bei Ihren Tests immer wieder auf diese vier Fragen zurückgreifen, werden Sie die überwiegende Mehrheit der Probleme erkennen, ohne jemals eine technische Spezifikation lesen zu müssen. Für eine sanfte Einführung in die Prinzipien sind die Grundlagen der Web-Barrierefreiheit eine gute Ergänzung zu diesem Audit.

So führen Sie das Audit selbst durch

Ein nützliches Barrierefreiheits-Audit kombiniert zwei Dinge: automatisierte Tools, die nach technischen Problemen suchen, und manuelle Überprüfungen, die menschliche Fehler erkennen, die Maschinen übersehen. Keines davon ist allein ausreichend. Tools sind schnell und gründlich in dem, was sie messen können, aber sie können nicht beurteilen, ob Ihre Seite für einen Menschen tatsächlich Sinn ergibt. Hier ist eine praktische Abfolge, die jeder befolgen kann.

Beginnen Sie mit einem kostenlosen automatisierten Scan

Mehrere kostenlose Tools scannen eine Seite und markieren Barrierefreiheitsprobleme – geringer Farbkontrast, fehlende Bildbeschreibungen, Formularfelder ohne Beschriftungen und mehr. Sie sind ein hervorragender erster Schritt, der viele Probleme in Sekunden aufdeckt, und sie erklären jedes Problem in einfachen Worten. Führen Sie einen auf Ihren wichtigsten Seiten aus: der Startseite, einer wichtigen Produkt- oder Dienstleistungsseite, der Kontaktseite und dem Warenkorb, falls vorhanden. Betrachten Sie den Bericht als eine erste Karte, nicht als das gesamte Gebiet.

Führen Sie den Tastaturtest durch

Dies ist das Experiment vom Anfang, und es ist eine der aufschlussreichsten Überprüfungen, die Sie durchführen können. Legen Sie die Maus beiseite und navigieren Sie nur mit der Tabulatortaste zum Bewegen sowie der Eingabetaste und Leertaste zum Aktivieren. Können Sie alles erreichen? Können Sie sehen, wo Sie sich bewegen – gibt es eine sichtbare Hervorhebung des aktuellen Elements? Können Sie das Menü öffnen, das Formular ausfüllen, einen Kauf abschließen? Überall dort, wo Sie stecken bleiben oder sich verirren, bleiben auch echte Tastatur-Nutzer stecken.

Hören Sie mit einem Screenreader zu

Die meisten Computer und Telefone verfügen über einen integrierten Bildschirmleser, den Sie einschalten können. Schalten Sie ihn ein, schließen Sie für einen Moment die Augen und versuchen Sie, Ihre Website nur mit den Ohren zu nutzen. Es ist eine demütigende, augenöffnende Erfahrung. Sie werden schnell hören, wo Bilder unbeschriftet sind („Bild, Bild, Bild“), wo Schaltflächen namenlos sind und wo die Seitenstruktur so durcheinander ist, dass sie laut vorgelesen keinen Sinn ergibt. Sie müssen kein Experte im Zuhören sein; schon wenige Minuten offenbaren die schlimmsten Barrieren.

Farbe und Text visuell überprüfen

Schauen Sie sich Ihre Website zum Schluss mit frischen, kritischen Augen an. Ist der Text leicht lesbar, oder ist er blassgrau auf Weiß? Verlassen Sie sich nur auf Farbe, um Bedeutungen zu vermitteln – eine rote Fehlermeldung ohne Worte, ein grünes Häkchen ohne Beschriftung – was für jeden, der die Farben nicht unterscheiden kann, nutzlos ist? Kann der Text vergrößert werden, ohne dass das Layout auseinanderfällt? Diese einfachen visuellen Überprüfungen decken Probleme auf, die eine große Anzahl von Menschen betreffen.

Maschinen plus Menschen
Automatisierte Scanner finden viele Probleme, aber ein Tastaturtest und ein paar Minuten mit einem Screenreader decken die Barrieren auf, die Tools übersehen.
Quelle: Best Practices für Barrierefreiheitsprüfungen

Die häufigsten Probleme beheben

Die beruhigende Nachricht ist, dass die gleiche Handvoll von Problemen für die meisten Fehler verantwortlich ist, und die meisten sind einfach zu beheben. Fehlende Bildbeschreibungen werden behoben, indem jedem aussagekräftigen Bild ein kurzer, aussagekräftiger Alternativtext hinzugefügt wird – ein Satz, der beschreibt, was es zeigt, damit ein Screenreader es vermitteln kann. Geringer Kontrast wird behoben, indem blasser Text dunkler gemacht wird, bis er bequem lesbar ist. Unbeschriftete Formularfelder werden behoben, indem jedem Feld eine klare, sichtbare Beschriftung gegeben wird. Tastaturfallen werden behoben, indem sichergestellt wird, dass alles, was mit der Maus erreichbar ist, auch mit der Tastatur erreichbar ist.

Viele dieser Punkte betreffen dieselben Bereiche Ihrer Website, die die Benutzerfreundlichkeit und Konversion beeinflussen, weshalb Barrierefreiheitsarbeit so oft die Erfahrung für alle verbessert. Ein klar beschriftetes, tastaturfreundliches Formular ist beispielsweise sowohl barrierefreier als auch wahrscheinlicher ausfüllbar – eine Überschneidung, die bei der Wartung Ihrer Formulare für deren Funktionalität und Konversion untersucht wird. Die Behebung von Barrierefreiheitsproblemen ist selten vergeudete Mühe; sie macht die Website fast immer für jedermann besser.

Barrierefreiheit zur Gewohnheit machen

Ein Audit ist eine Momentaufnahme, aber eine Website ist ein bewegtes Bild. Jede neue Seite, jedes Bild, Formular oder jede Funktion ist eine Chance, eine neue Barriere einzuführen, weshalb ein einmaliges Audit eher ein Anfang als ein Ende ist. Der nachhaltige Gewinn besteht darin, Barrierefreiheit in Ihre Arbeitsweise zu integrieren: Alternativtext hinzufügen, wann immer Sie ein Bild hinzufügen, Kontrast prüfen, wann immer Sie Farben wählen, einen kurzen Tastaturtest durchführen, wann immer Sie eine neue Seite erstellen. Kleine, konsequente Gewohnheiten halten Ihre Website während ihres Wachstums einladend, und sie sind viel einfacher als eine Website, die sich schlecht entwickelt hat, regelmäßig zu retten.

Diese laufende Pflege gehört in Ihren regelmäßigen Wartungsrhythmus, zusammen mit der Leistungs- und Sicherheitsarbeit, und sie steht in Verbindung mit den umfassenderen Bemühungen, jeden Teil Ihrer Website über die Zeit gesund, schnell und nutzbar zu halten, wie es in der Aufrechterhaltung der Leistung Ihrer Website über die Zeit behandelt wird. Barrierefreiheit, Leistung und gutes Design sind keine getrennten Projekte; sie sind Facetten desselben Engagements, den Menschen zu dienen, die Sie besuchen.

Zusammenfassend

Ein Barrierefreiheits-Audit stellt eine unangenehme, aber wichtige Frage: Wen schließt meine Website stillschweigend aus? Die Antwort ist selten schmeichelhaft, denn fast jede Website enthält Barrieren, die niemand absichtlich eingebaut hat. Aber der weitere Weg ist ermutigend. Ein kostenloser automatischer Scan, ein Tastaturtest, ein paar Minuten mit einem Screenreader und ein ehrlicher Blick auf Ihre Farben werden die meisten Probleme aufdecken, und die meisten Korrekturen sind einfach. Machen Sie diese Überprüfungen zur Gewohnheit statt zu einer einmaligen Aktion, und Ihre Website wird zu einem Ort, der jeden willkommen heißt – was richtig ist und sich auch als gutes Geschäft erweist. Wenn Sie Hilfe bei der Prüfung oder Verbesserung der Barrierefreiheit Ihrer Website wünschen, können Sie sich gerne an uns wenden.

Häufig gestellte Fragen

Muss ich technisch versiert sein, um ein Barrierefreiheits-Audit durchzuführen?+
Nein. Ein kostenloser automatischer Scanner, ein Tastaturtest, ein paar Minuten mit dem in Ihrem Gerät integrierten Screenreader und ein ehrlicher Blick auf Ihre Farben und Texte werden die meisten Probleme aufdecken. Sie müssen keine technischen Standards lesen – Sie müssen nur bereit sein, Ihre Website so zu erleben, wie es verschiedene Menschen tun.
Sind automatisierte Tools allein ausreichend?+
Nein. Automatisierte Tools sind hervorragend darin, technische Probleme wie geringen Kontrast und fehlende Beschriftungen zu erkennen, aber sie können nicht beurteilen, ob eine Seite für einen Menschen tatsächlich Sinn ergibt. Ein Tastaturtest und eine kurze Sitzung mit dem Screenreader decken Barrieren auf, die Maschinen einfach nicht erkennen können, daher sollten Sie beides kombinieren.
Was sind die häufigsten Barrierefreiheitsprobleme?+
Die üblichen Übeltäter sind geringer Farbkontrast, Bilder ohne Textbeschreibungen, Formularfelder ohne Beschriftungen und Elemente, die nur mit der Maus erreichbar sind. Diese wenigen Probleme machen einen großen Teil der Fehler aus, und glücklicherweise gehören sie auch zu den am einfachsten zu behebenden, sobald man weiß, wonach man suchen muss.
Wie oft sollte ich die Barrierefreiheit meiner Website überprüfen?+
Führen Sie regelmäßig ein vollständiges Audit durch – mindestens ein- bis zweimal im Jahr – und integrieren Sie kleine Überprüfungen in Ihre tägliche Arbeit. Fügen Sie alternativen Text hinzu, wenn Sie Bilder hinzufügen, überprüfen Sie den Kontrast, wenn Sie Farben auswählen, und führen Sie einen schnellen Tastaturtest auf jeder neuen Seite durch. Konsequente kleine Gewohnheiten halten eine Website während ihres Wachstums barrierefrei.

Referenzen

  1. World Wide Web Consortium. "Web Content Accessibility Guidelines (WCAG)." w3.org.
  2. WebAIM. "Accessibility Evaluation and the WebAIM Million Report." webaim.org.
  3. World Health Organization. "Disability and Health." who.int.
Zurück zum Blog

AUTOMATISIEREN. OPTIMIEREN. DOMINIEREN.

Optimieren Sie Ihre Betriebsabläufe und bieten Sie ein reibungsloses Kundenerlebnis. Unsere Experten implementieren modernste Technologien und optimierte Arbeitsabläufe, damit Sie sich auf Ihre Kernkompetenzen konzentrieren können.