Barrierefreiheit klingt für viele nach einem Sonderthema für eine kleine Gruppe von Nutzern mit Behinderung — und deshalb nach etwas, das man „später mal" angeht. Diese Sichtweise übersieht etwas Wichtiges: Fast jeder ist irgendwann in einer Situation, in der eine barrierefreie Website den Unterschied macht, ob er dich versteht oder abspringt.
Warum das jeden betrifft, nicht nur eine Minderheit
Stell dir vier ganz alltägliche Situationen vor:
- Jemand steht in praller Sonne vor deinem Geschäft und versucht, auf dem Handy deine Öffnungszeiten zu lesen — schwacher Kontrast macht den Text auf dem blendenden Display praktisch unlesbar.
- Jemand scrollt lautlos in der U-Bahn durch dein Video, ohne Kopfhörer — ohne Untertitel geht die ganze Botschaft verloren.
- Jemand hält mit einer Hand ein Kind, mit der anderen die Maus funktioniert gerade nicht, und navigiert notgedrungen mit der Tastatur durch dein Formular.
- Ein Bild lädt wegen schlechter Verbindung nicht — ein sinnvoller Alternativtext zeigt wenigstens, was dort zu sehen gewesen wäre.
Keine dieser Personen hat eine dauerhafte Behinderung. Sie sind einfach nur Menschen in einem bestimmten Moment. Barrierefreiheit ist also weniger ein Sonderfall als ein Grundzustand guter Gestaltung, von dem zufällig alle profitieren — Menschen mit Sehbehinderung, Farbfehlsichtigkeit oder motorischen Einschränkungen eingeschlossen, für die diese Punkte nicht nur bequem, sondern notwendig sind.
Kontrastwerte: die Zahl, die zählt
Der internationale Standard WCAG 2.2 (Stufe AA) verlangt für normalen Fließtext ein Kontrastverhältnis von mindestens 4,5:1 zwischen Text- und Hintergrundfarbe. Für großen Text — ab etwa 24 Pixel beziehungsweise ab 18,5 Pixel in Fettschrift — reicht ein Verhältnis von mindestens 3:1. Dieselbe 3:1-Grenze gilt auch für wichtige Bedienelemente wie Buttons, Eingabefelder und Icons, die eine Funktion erfüllen.
In der Praxis heißt das: helles Grau auf Weiß, das im Büro am kalibrierten Monitor noch elegant wirkt, wird draußen im Sonnenlicht oder auf einem billigen Handydisplay schnell unleserlich. Ein kostenloser Online-Kontrastrechner zeigt dir in Sekunden, ob deine Farbkombination die 4,5:1-Grenze erreicht — das kannst du noch heute für deine wichtigsten Texte prüfen.
Sinnvolle Alt-Texte statt Dateinamen
Der Alternativtext (das alt-Attribut eines Bildes) wird vorgelesen, wenn jemand einen Screenreader nutzt, und angezeigt, wenn das Bild nicht lädt. „IMG_4213.jpg" oder „Bild von Team" hilft niemandem. Beschreibe stattdessen kurz und konkret, was auf dem Bild zu sehen ist und warum es im Kontext steht — bei einem Produktfoto zum Beispiel „Handgemachte Ledertasche in Cognac-Braun mit Messingschnalle". Rein dekorative Bilder ohne inhaltliche Bedeutung (ein Trennstrich, ein Hintergrundmuster) bekommen dagegen bewusst einen leeren Alt-Text, damit Screenreader sie überspringen, statt die Nutzer mit Nebensächlichkeiten aufzuhalten.
Sichtbare Fokuszustände
Wer mit der Tastatur statt mit der Maus navigiert — sei es aus Notwendigkeit oder aus Gewohnheit —, springt mit der Tab-Taste von einem klickbaren Element zum nächsten. Ohne sichtbaren Fokusring (eine Umrandung oder ein Farbwechsel um das aktuell ausgewählte Element) ist für diese Person völlig unklar, wo sie sich gerade befindet. Der Fehler, den viele Websites machen: Der Fokusrahmen wird per CSS komplett entfernt, weil er „nicht ins Design passt". Die einfache Lösung ist, ihn nicht zu entfernen, sondern an das eigene Farbschema anzupassen — sichtbar bleibt er in jedem Fall Pflicht.
Formularbeschriftungen, die wirklich beschriften
Ein Eingabefeld ohne echtes <label>-Element, das nur mit einem grauen Platzhaltertext arbeitet, ist ein doppeltes Problem: Sobald jemand zu tippen beginnt, verschwindet der Platzhalter und damit jede Erinnerung daran, was eigentlich gefragt war — und ein Screenreader kann das Feld oft gar nicht sinnvoll benennen. Jedes Formularfeld braucht eine echte, dauerhaft sichtbare Beschriftung, die mit dem Feld verknüpft ist. Das ist keine Design-Frage, sondern eine, die direkt beeinflusst, ob dein Kontaktformular überhaupt ausgefüllt wird.
Eine saubere Überschriftenreihenfolge
Überschriften (h1 bis h6) sind kein Werkzeug, um Text größer aussehen zu lassen — sie bilden die Struktur der Seite ab, an der sich sowohl Screenreader-Nutzer als auch Suchmaschinen orientieren. Jede Seite sollte genau eine h1 haben, die den Hauptinhalt benennt, gefolgt von h2-Abschnitten und bei Bedarf h3-Unterpunkten darunter — ohne Ebenen zu überspringen. Wer von einer h2 direkt zu einer h4 springt, weil die h4 optisch besser passt, zerstört die Struktur für jeden, der sich per Screenreader von Überschrift zu Überschrift durch die Seite hangelt.
Wie du das ohne Fachwissen selbst prüfst
Du musst dafür kein Entwicklerstudium nachholen. Für den Kontrast reicht ein kostenloser Online-Kontrastrechner: Textfarbe und Hintergrundfarbe eintragen, Ergebnis ablesen. Für Alt-Texte reicht ein kritischer Blick auf die eigenen Bilder — würdest du einer Person am Telefon in einem Satz beschreiben können, was zu sehen ist? Für die Tastaturbedienung reicht ein einfacher Selbstversuch: Maus beiseitelegen und nur mit der Tab-Taste durch die eigene Seite navigieren. Bleibst du an einer Stelle hängen oder siehst du nicht mehr, wo du gerade bist, haben es deine Besucher genauso schwer. Für Screenreader-Verhalten gibt es in den meisten Betriebssystemen bereits eine eingebaute, kostenlose Vorlesefunktion, mit der sich ein erster Eindruck gewinnen lässt.
Warum sich das auch wirtschaftlich lohnt
Barrierefreiheit wird oft als reine Pflichtübung oder Kostenpunkt gesehen, dabei zahlt sie sich in mehrfacher Hinsicht aus. Eine saubere Überschriftenstruktur und aussagekräftige Alt-Texte sind Signale, die auch Suchmaschinen zugutekommen — vieles, was Screenreadern hilft, hilft nebenbei auch dem SEO. Eine Seite, die auch bei schlechtem Licht, mit einer Hand oder auf einem alten Gerät benutzbar bleibt, verliert außerdem schlicht weniger Besucher unterwegs. Und in einer alternden Gesellschaft, in der Sehkraft und Feinmotorik im Schnitt mit dem Alter nachlassen, wächst der Anteil der Menschen, für die diese Grundlagen keine Kür, sondern Voraussetzung sind, um deine Seite überhaupt nutzen zu können.
Das BFSG und die EU-Richtung — ohne Panik
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG), mit dem die europäische Richtlinie zur Barrierefreiheit (European Accessibility Act) umgesetzt wird. Es betrifft erstmals auch private Unternehmen, nicht mehr nur öffentliche Stellen. Wichtig für die Einordnung: Das Gesetz greift vor allem bei Diensten des elektronischen Geschäftsverkehrs — also dort, wo Verbraucher online einen Vertrag abschließen können, etwa Online-Shops, Buchungssysteme oder Terminvereinbarungen mit Online-Zahlung. Eine reine Informationsseite ohne diese Vertragsfunktion fällt in der Regel nicht direkt unter das Gesetz. Zusätzlich gibt es eine Ausnahme für Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz oder Bilanzsumme — allerdings mit Einschränkungen für bestimmte digitale Produkte, bei denen die Ausnahme nicht greift.
Betreibst du also einen Online-Shop oder ein Buchungssystem, solltest du das Thema ernst nehmen: Verstöße können mit Bußgeldern geahndet werden, und Wettbewerber oder Verbraucherverbände können abmahnen. Betreibst du dagegen „nur" eine informative Website ohne Online-Vertragsabschluss, bist du aktuell wahrscheinlich nicht direkt gesetzlich verpflichtet — trotzdem lohnt es sich, die oben genannten Grundlagen umzusetzen. Sie kosten kaum etwas, sie verbessern nebenbei fast immer auch dein SEO, und sie zeigen jedem Besucher, dass hier jemand sorgfältig gearbeitet hat. Im Zweifel lohnt sich für konkrete Rechtsfragen zu deinem Einzelfall eine kurze Rücksprache mit einem spezialisierten Anwalt oder der zuständigen IHK — dieser Artikel ersetzt keine Rechtsberatung.
Die gute Nachricht am Ende: Keiner dieser Punkte verlangt einen kompletten Relaunch. Kontrast prüfen, Alt-Texte nachtragen, Fokuszustände sichtbar lassen, Formularfelder richtig beschriften, Überschriften in Ordnung bringen — das lässt sich Schritt für Schritt an einem Nachmittag angehen und macht deine Website sofort für mehr Menschen nutzbar. Am sinnvollsten fängst du dort an, wo der Aufwand am kleinsten und der Effekt am größten ist: Kontrast und Alt-Texte lassen sich meist innerhalb einer Stunde grob in Ordnung bringen, während eine saubere Überschriftenstruktur manchmal ein bewussteres Umsortieren der Seite verlangt.