Wartung der Barrierefreiheit: Eine Website nutzbar halten

Die meisten Gespräche über Web-Barrierefreiheit konzentrieren sich auf den Start. Ein Team erstellt eine Website, lässt sie vor dem Online-Gang durch einen Checker laufen, hakt das Kästchen ab und macht weiter. Was dabei übersehen wird, ist, dass Barrierefreiheit kein Zustand ist, den man einmal erreicht und für immer behält. Es ist eine Qualität, die schleichend abnimmt, wenn sich Ihre Website ändert. Neue Blogbeiträge werden ohne beschreibenden Bildtext veröffentlicht, ein neu gestalteter Button verliert seinen Farbkontrast, ein Plugin-Update unterbricht die Tastaturnavigation, und langsam wird eine Website, die für alle nutzbar war, nur noch für einige nutzbar.

Dieser Leitfaden handelt von der fortlaufenden Arbeit, eine Website barrierefrei zu halten, geschrieben für Geschäftsinhaber und nicht für Spezialisten. Wir erklären, was Barrierefreiheit in der Praxis tatsächlich bedeutet, warum sie im Laufe der Zeit abnimmt, welche wenigen Prüfungen die meisten Probleme aufdecken und wie Sie die Wartung der Barrierefreiheit in Ihre normale Routine integrieren können, ohne dass sie zur Belastung wird. Ziel ist es, Ihnen einen realistischen, nachhaltigen Weg aufzuzeigen, wie Sie sicherstellen können, dass Ihre Website für das größtmögliche Publikum weiterhin funktioniert.

Was Barrierefreiheit wirklich bedeutet

Web-Barrierefreiheit bedeutet, eine Website so zu gestalten und zu pflegen, dass Menschen mit unterschiedlichen Fähigkeiten sie nutzen können. Dazu gehören Menschen, die blind sind oder sehbehindert sind und auf Screenreader angewiesen sind, Menschen, die keine Maus benutzen können und mit einer Tastatur oder einem anderen Hilfsmittel navigieren, Menschen mit Hörbehinderungen, die Untertitel benötigen, Menschen mit kognitiven Unterschieden, die von klaren und vorhersehbaren Layouts profitieren, und Menschen mit vorübergehenden oder situativen Einschränkungen, wie z. B. einem gebrochenen Arm oder hellem Sonnenlicht auf einem Telefonbildschirm. Barrierefreiheit ist kein Nischenthema für eine kleine Gruppe; sie betrifft irgendwann einen großen Teil jedes Publikums.

Der meistzitierte Standard in diesem Bereich sind die Web Content Accessibility Guidelines, die üblicherweise als WCAG abgekürzt und vom W3C veröffentlicht werden. WCAG organisiert ihre Anleitungen um vier Prinzipien, die oft unter dem Akronym POUR zusammengefasst werden: Inhalte sollten wahrnehmbar (perceivable), bedienbar (operable), verständlich (understandable) und robust (robust) sein. Sie müssen sich nicht den gesamten Standard merken. Es hilft, zu verstehen, dass diese Prinzipien die Erfahrung beschreiben, die Sie anstreben, und dass die meisten praktischen Lösungen auf eines dieser Prinzipien zurückzuführen sind.

Warum Barrierefreiheit im Laufe der Zeit abnimmt

Wenn Sie die Barrierefreiheit nur beim Start überprüfen, messen Sie die Website zu dem Zeitpunkt, an dem die Wahrscheinlichkeit, dass Probleme auftreten, am geringsten ist. Von diesem Zeitpunkt an ist jede Änderung eine Möglichkeit für eine Regression. Die häufigste Ursache für das Abdriften ist der Inhalt. Jedes Mal, wenn jemand eine Seite oder einen Beitrag veröffentlicht, trifft er Dutzende kleiner Entscheidungen, die die Barrierefreiheit beeinflussen, z. B. ob alternativer Text zu einem Bild hinzugefügt werden soll, wie Überschriften strukturiert werden sollen und ob ein Link klar beschrieben oder als „hier klicken“ belassen werden soll. Multiplizieren Sie das über Hunderte von Seiten und mehrere Mitwirkende, und der kumulative Effekt ist erheblich.

Auch Design- und Codeänderungen führen zu Abweichungen. Eine Markenaktualisierung könnte ein helleres Grau für den Fließtext einführen, das die Kontrastanforderungen nicht mehr erfüllt. Eine neue interaktive Komponente könnte wunderschön aussehen, aber ohne Maus nicht bedienbar sein. Ein Theme- oder Plugin-Update kann den zugrunde liegenden Code stillschweigend so ändern, dass ein Screenreader Dinge in der falschen Reihenfolge ansagt. Keine dieser Änderungen sind dramatische Ereignisse, weshalb sie unbemerkt bleiben. Es handelt sich um die langsame Akkumulation kleiner Regressionen, und die einzige zuverlässige Verteidigung ist regelmäßiges Überprüfen.

Die Kosten der Ignoranz

Neben dem klaren ethischen Argument, niemanden auszuschließen, gibt es auch praktische Gründe, sich darum zu kümmern. Barrierefreie Websites sind tendenziell besser strukturiert, was oft auch Suchmaschinen hilft, sie zu verstehen. Sie sind für alle nutzbarer, da eine klare Navigation und ein guter Kontrast allen Besuchern zugutekommen, nicht nur denen mit besonderen Bedürfnissen. Und vielerorts ist Barrierefreiheit zunehmend eine Erwartung und keine optionale Ergänzung mehr. Sie als Routine Wartung zu behandeln, ist weitaus billiger, als sie später als Notfall Sanierungsprojekt zu behandeln. Eine tiefere Einführung in die Grundlagen bietet unser Leitfaden Grundlagen der Web-Barrierefreiheit.

Die Überprüfungen, die die meisten Probleme aufdecken

Sie benötigen keine spezielle Ausbildung, um die Mehrzahl der Probleme mit der Barrierefreiheit zu erkennen. Eine kleine Anzahl wiederkehrender Überprüfungen befasst sich mit den Problemen, die am häufigsten auftreten. Die erste ist die Textalternative für Bilder. Jedes aussagekräftige Bild sollte einen Alternativtext haben, der seinen Zweck vermittelt, während rein dekorative Bilder so markiert werden sollten, dass assistierende Technologien sie überspringen können. Diese einzelne Gewohnheit, konsequent beim Veröffentlichen angewendet, verhindert eines der am weitesten verbreiteten Probleme im Web.

Das Zweite ist der Farbkontrast. Text benötigt genügend Kontrast zum Hintergrund, um von Menschen mit Sehschwäche oder Personen, die einen Bildschirm bei schlechten Lichtverhältnissen verwenden, gelesen werden zu können. Kostenlose Kontrastprüfer ermöglichen es Ihnen, zwei Farben einzugeben und Ihnen sofort mitzuteilen, ob sie die Anforderungen erfüllen. Das Dritte ist die Tastaturnavigation. Versuchen Sie, Ihre Website nur mit der Tastatur zu bedienen, indem Sie die Tabulatortaste drücken, um zwischen Links und Formularfeldern zu wechseln. Wenn Sie etwas nicht erreichen oder aktivieren können oder wenn die Fokusanzeige verschwindet, ist das eine echte Barriere für viele Benutzer. Das Vierte ist die Überschriftenstruktur, bei der Überschriften eine logische Gliederung bilden sollten, anstatt nur nach visueller Größe ausgewählt zu werden.

Automatisierte Tools und ihre Grenzen

Eine Reihe von automatisierten Barrierefreiheit-Checkern kann Ihre Seiten scannen und Probleme melden. Diese Tools sind wirklich nützlich und sollten Teil Ihrer Routine sein, da sie viele Probleme schnell und konsistent erkennen. Ein regelmäßiger automatischer Scan Ihrer Hauptseiten ist eine der wertvollsten Gewohnheiten, die Sie sich aneignen können. Einige Tools sind direkt in den Browser integriert, andere laufen als Teil eines Build-Prozesses, und viele erstellen eine priorisierte Liste von Problemen, die bearbeitet werden müssen.

Automatisierte Tools haben jedoch echte Grenzen, und es ist wichtig, diese zu verstehen. Sie sind gut darin, Dinge zu erkennen, die mechanisch gemessen werden können, wie z. B. fehlende Alt-Attribute oder unzureichende Kontrastverhältnisse. Sie sind schlecht darin, Dinge zu beurteilen, die menschliches Verständnis erfordern, wie z. B. ob Alt-Text tatsächlich sinnvoll ist, ob die Lesereihenfolge Sinn macht oder ob ein benutzerdefiniertes Widget wirklich bedienbar ist. Studien über diese Tools zeigen immer wieder, dass sie nur einen Teil aller Probleme erfassen. Die praktische Schlussfolgerung ist, dass automatisiertes Testen notwendig, aber nicht ausreichend ist und mit regelmäßigen manuellen Überprüfungen kombiniert werden sollte.

Barrierefreiheit in Ihre Routine integrieren

Der effektivste Ansatz besteht darin, Barrierefreiheit zu einem normalen Bestandteil der Content-Erstellung und Website-Pflege zu machen, anstatt sie als separate, gefürchtete Prüfung zu behandeln. Auf der Content-Seite geben Sie jedem, der Inhalte veröffentlicht, eine kurze, praktische Checkliste: Fügen Sie aussagekräftigen Bildern Alt-Text hinzu, verwenden Sie die richtigen Überschriften, schreiben Sie beschreibende Linktexte und fügen Sie Videos Untertitel hinzu. Diese werden schnell zur zweiten Natur und verhindern die stetige Ansammlung neuer Probleme an der Quelle.

Auf der Wartungsseite planen Sie regelmäßige Barrierefreiheitsprüfungen ein, genauso wie Sie andere Wartungsarbeiten planen. Ein vierteljährlicher automatischer Scan Ihrer Hauptseiten, kombiniert mit einer manuellen Tastaturprüfung und einer Überprüfung neuer Vorlagen oder Komponenten, wird die meisten Regressionen aufdecken. Wenn Sie Themes oder Plugins aktualisieren, fügen Sie Ihren Tests eine schnelle Barrierefreiheitsprüfung hinzu, da diese Updates häufig eine Quelle stillschweigender Fehler sind. Die Integration in Ihren bestehenden Zeitplan macht es überschaubar, und unser Leitfaden zur Website-Wartung zeigt, wie es neben allem anderen funktioniert.

Behebung priorisieren

Wenn eine Überprüfung eine Liste von Problemen aufdeckt, werden Sie selten alles auf einmal beheben können, also priorisieren Sie. Probleme, die eine Aufgabe vollständig blockieren, wie z. B. ein Kassenformular, das nicht mit der Tastatur ausgefüllt werden kann, sind weitaus wichtiger als geringfügige Unannehmlichkeiten. Probleme auf stark frequentierten Seiten betreffen mehr Menschen als solche auf selten besuchten Seiten. Wenn Sie von "blockiert eine wesentliche Aufgabe" bis "geringfügiger Feinschliff" vorgehen, können Sie mit begrenzter Zeit sinnvolle Fortschritte erzielen. Dieselbe Priorisierungsmentalität gilt für die Art von Compliance-Arbeiten, die in unserem Artikel Grundlagen der Website-Compliance behandelt werden und sich oft mit der Barrierefreiheit überschneiden.

Mit den richtigen Leuten zusammenarbeiten

Für einfache Websites können ein Eigentümer oder ein kleines Team die meisten Wartungsarbeiten zur Barrierefreiheit mit den hier beschriebenen Prüfungen selbst durchführen. Mit zunehmender Komplexität von Websites, insbesondere bei benutzerdefinierten interaktiven Funktionen, lohnt es sich, jemanden mit tieferer Expertise einzubeziehen. Die wertvollste Form des Testens ist das Feedback von Personen, die tatsächlich unterstützende Technologien verwenden, da sie auf Barrieren stoßen, die keine Checkliste vorwegnimmt. Wenn Sie eine Beziehung zu solchen Benutzern aufbauen können, selbst informell, sind die Erkenntnisse weitaus reicher als jeder automatisierte Bericht.

Unabhängig davon, wie viele Ressourcen Ihnen zur Verfügung stehen, ist das Prinzip dasselbe: Kleine, regelmäßige Aufmerksamkeit ist besser als gelegentliche Heldentaten. Eine Website, die vierteljährlich leicht und einmal im Jahr gründlich auf Barrierefreiheit überprüft wird, bleibt in einem weitaus besseren Zustand als eine, die beim Start intensiv geprüft und dann drei Jahre lang ignoriert wird. Barrierefreiheit belohnt, wie der Rest Ihrer Website, Konsistenz statt Intensität.

Zusammenfassung

Barrierefreiheit ist kein Zertifikat, das man sich verdient und an die Wand hängt. Es ist eine Eigenschaft Ihrer Website, die von Ihrer Pflege abhängt. Jede neue Seite, jede Designanpassung und jedes Software-Update ist eine Chance, dass sie abnimmt, und das einzige zuverlässige Gegenmittel ist routinemäßige Aufmerksamkeit. Die gute Nachricht ist, dass die damit verbundenen Gewohnheiten bescheiden sind. Fügen Sie beim Veröffentlichen Alternativtext hinzu, überprüfen Sie den Kontrast, wenn Sie Farben ändern, navigieren Sie ab und zu mit der Tastatur, führen Sie regelmäßig einen automatisierten Scan durch und beheben Sie zuerst die Probleme, die Menschen blockieren.

Konsequent durchgeführt, hält dies Ihre Website für das größtmögliche Publikum offen und vermeidet die weitaus größeren Kosten einer späteren Sanierungsaktion. Die Pflege der Barrierefreiheit ist eigentlich nur eine gute Website-Wartung, die auf eine bestimmte Benutzergruppe zugeschnitten ist, und diese Benutzer sind weitaus zahlreicher, als die meisten Besitzer annehmen. Behandeln Sie sie als Teil Ihrer laufenden Pflege für die Website, und sie hört auf, ein entmutigendes Projekt zu sein und wird einfach zu Ihrer Arbeitsweise.

Häufig gestellte Fragen

Referenzen

1. W3C Web Accessibility Initiative, "Introduction to Web Accessibility" w3.org/WAI
2. web.dev, Barrierefreiheits-Lernressourcen, web.dev

Brauchen Sie Hilfe, um Ihre Website für alle nutzbar zu halten? Entdecken Sie unsere Website-Wartungsdienste oder kontaktieren Sie uns.