WCAG-Grundlagen: Barrierefreiheit wird rechtlich Pflicht

Die Web Content Accessibility Guidelines sind ein Regelwerk der vier Grundsätze Wahrnehmbar, Bedienbar, Verständlich und Robust, unterteilt in prüfbare Erfolgskriterien auf drei Konformitätsstufen. Stufe AA ist der Maßstab, an dem sich Europäische Union und nationale Gesetzgebung orientieren. Praktisch wichtig: Barrierefreiheit ist damit keine Haltungsfrage, sondern eine Liste abarbeitbarer Punkte – und die meisten finden sich bereits in den ersten Wochen.

##Was bedeuten die vier Grundsätze konkret?

Wahrnehmbar heißt, dass Inhalte über mehr als einen Sinn erfassbar sind – Bilder brauchen Alternativtexte, Videos Untertitel, Farben dürfen nicht allein Information tragen. Bedienbar heißt, dass alles ohne Maus funktioniert und ausreichend Zeit bleibt. Verständlich heißt, dass Sprache und Aufbau nachvollziehbar sind und Fehler erklärt werden. Robust heißt, dass die Seite mit Hilfsmitteln und künftigen Ausgabegeräten zusammenarbeitet.

##Welche Kriterien bringen den größten Effekt?

• ›Kontrastverhältnis von mindestens 4,5 zu 1 für normalen Text
• ›Alternativtexte für alle inhaltstragenden Bilder
• ›Bedienbarkeit der gesamten Seite per Tastatur
• ›Sichtbarer Fokusrahmen an jedem bedienbaren Element
• ›Beschriftungen für alle Formularfelder, nicht nur Platzhalter
• ›Überschriftenhierarchie ohne übersprungene Ebenen

##Warum ist Kontrast das häufigste Problem?

Weil helle Grautöne auf Weiß gestalterisch beliebt und rechnerisch fast immer zu schwach sind. Ein Grau mit dem Kontrastverhältnis 3,2 zu 1 erfüllt die Anforderung für normalen Text nicht, sieht aber auf einem guten Bildschirm lesbar aus – der Unterschied zeigt sich erst bei ungünstigem Licht oder eingeschränktem Sehvermögen. Das Kontrastverhältnis lässt sich berechnen, es ist keine Geschmacksfrage. Ein einziges Grau zu dunkeln hebt meist Dutzende Textstellen auf einmal über die Schwelle.

##Reicht ein automatischer Test?

Nein. Automatische Werkzeuge finden etwa ein Drittel der Probleme – vor allem fehlende Alternativtexte, Kontrastfehler und fehlende Beschriftungen. Was sie nicht finden, sind Verständlichkeit, sinnvolle Alternativtexte, eine logische Reihenfolge beim Durchtabben oder eine Fehlermeldung, die tatsächlich erklärt, was falsch ist. Diese Punkte brauchen einen Menschen, der die Seite mit Tastatur und Bildschirmausgabe benutzt.

##Wie testet man mit Tastatur?

Indem man die Maus beiseitelegt und versucht, jede Funktion zu erreichen: die Navigation, das Menü, das Formular, den Kaufabschluss. Sichtbar wird dabei sofort, ob der Fokusrahmen fehlt, ob man in einem Menü festhängt, ob ein Dialogfeld den Fokus nicht fängt, und ob die Reihenfolge der Sprünge der sichtbaren Anordnung entspricht. Dieser Test kostet zwanzig Minuten und findet mehr als jede Auswertung.

##Welche Rolle spielen Formulare?

Eine zentrale, weil dort die meisten Abbrüche entstehen. Jedes Feld braucht eine dauerhaft sichtbare Beschriftung – ein Platzhaltertext verschwindet beim Tippen und ist damit keine Beschriftung. Fehlermeldungen müssen das Feld benennen und sagen, was zu tun ist, nicht nur dass etwas falsch war. Pflichtangaben sind zu kennzeichnen. Wer ein Formular tastaturbedienbar und mit klaren Fehlermeldungen baut, verbessert gleichzeitig die Abschlussrate.

##Wann ist Barrierefreiheit rechtlich verpflichtend?

Für viele Angebote bereits jetzt, mit gestaffelten Fristen: Der europäische Rechtsrahmen verpflichtet unter anderem Webshops und Dienstleistungen im elektronischen Geschäftsverkehr, und die Vorgaben orientieren sich an den WCAG auf Stufe AA. Unabhängig von der Frist ist die Wahrscheinlichkeit hoch, dass ein Unternehmen früh oder spät danach gefragt wird – sei es von Kunden, von Auftraggebern bei Ausschreibungen oder von Aufsichtsstellen.

##Warum nützt es über die Pflicht hinaus?

Weil die Maßnahmen dieselben sind, die allen Nutzern helfen. Größere Schrift, klare Kontraste, tastaturbedienbare Formulare und strukturierte Überschriften verbessern die Bedienung auf dem Smartphone, bei Sonnenlicht und für ungeduldige Nutzer. Der zweite Effekt ist die Maschinenlesbarkeit: Eine Seite mit sauberer Überschriftenhierarchie und beschrifteten Elementen ist für Suchmaschinen und Sprachmodelle leichter zu erfassen. Barrierefreiheit ist damit auch technische Suchmaschinenoptimierung.

##Mit einer Prüfliste anfangen

Nehmen Sie die sechs Kriterien aus der Liste oben und gehen Sie die fünf meistbesuchten Seiten durch. Notieren Sie je Seite die Fundstellen, statt sofort zu ändern – das ergibt einen Plan statt vieler Einzelkorrekturen. Die Erfahrung zeigt, dass dieselben drei Fehler auf fast allen Seiten auftreten. Ist das behoben und die Prüfung wiederholt, sinkt die Zahl der Fundstellen deutlich schneller, als der Aufwand vermuten lässt.