Barrierefreiheit im Online-Shop: eine praktische Checkliste

Barrierefreiheit landet meist beim Justiziar und bleibt dort liegen. Das ist nachvollziehbar und unpraktisch, denn die Mehrzahl der Probleme in einem typischen Shop ist handwerklicher Natur und ohne großes Projekt zu beheben.

Zum Umfang Ihrer konkreten Pflichten sprechen Sie bitte mit Ihrer Rechtsberatung. Was folgt, ist die technische Seite: die Punkte, die in Shops am häufigsten fehlen und am schnellsten Wirkung zeigen.

Was fast immer fehlt

• Formularfelder ohne verknüpftes Label. Ein Platzhaltertext ist kein Label; er verschwindet beim Tippen und wird von Screenreadern uneinheitlich behandelt.
• Fehlermeldungen, die nur farblich markiert sind. Der Hinweis muss als Text danebenstehen und sagen, was zu tun ist.
• Zu geringer Kontrast bei Sekundärtext, Platzhaltern und deaktivierten Schaltflächen. Genau dort wird am liebsten Grau auf Grau gesetzt.
• Bilder ohne Alternativtext, und umgekehrt dekorative Bilder mit überflüssigem Alternativtext.
• Kein sichtbarer Fokusrahmen. Wer mit der Tastatur navigiert, sieht nicht, wo er steht.
• Bedienelemente, die nur auf Hover reagieren. Auf Touch und per Tastatur existieren sie praktisch nicht.

Der Test, der zehn Minuten dauert

Legen Sie die Maus weg und kaufen Sie in Ihrem eigenen Shop etwas. Nur mit Tabulator, Pfeiltasten und Eingabetaste, von der Startseite bis zur Bestellbestätigung.

Sie werden an einer bestimmten Stelle hängenbleiben, und es ist fast immer dieselbe: ein Overlay, das den Fokus nicht einfängt, ein Dropdown, das sich nicht per Tastatur öffnen lässt, oder ein Cookie-Banner, das sich nicht wegklicken lässt, ohne zu sehen. Dieser eine Durchlauf findet mehr echte Hürden als jedes automatische Prüfwerkzeug.

Werkzeuge helfen, aber nur bis zu einem Punkt

Automatische Prüfer finden fehlende Alternativtexte, schwache Kontraste und kaputte Strukturen zuverlässig. Sie finden nicht, ob die Reihenfolge der Elemente sinnvoll ist, ob ein Alternativtext das Richtige beschreibt oder ob der Bestellprozess ohne Maus zu Ende geführt werden kann. Rechnen Sie damit, dass das Werkzeug etwa die Hälfte sieht.

Warum sich der Aufwand ohnehin rechnet

Die Maßnahmen überschneiden sich fast vollständig mit guter Handwerksarbeit. Klare Labels senken Abbrüche im Checkout. Lesbare Kontraste helfen allen, die im Hellen auf ein Telefon schauen. Saubere Überschriftenstruktur hilft der Suchmaschine genauso wie dem Screenreader. Es gibt wenige Themen, bei denen Pflicht und Nutzen so deutlich in dieselbe Richtung zeigen.