Barrierefreiheit auf Websites: Bald gesetzliche Pflicht und jetzt schon sinnvoll
Stell dir vor: Du möchtest dir heute Abend eine Pizza in deinem immer voll besetzten Lieblingsrestaurant gönnen und dir zur Sicherheit online einen Tisch reservieren. Du öffnest die Website, hast schon den Duft der herrlichen Diavolo in der Nase und dann der Frustmoment: du kannst nicht mal die Menünavigation der Seite bedienen. Ganz zu schweigen von der Reservierung deines Lieblingsplatzes direkt beim Fenster.
Klingt weit hergeholt, oder? Ist es aber nicht. Für rund 10 % der Bevölkerung ist das trauriger Alltag. Menschen mit Sehbehinderung, motorischen Einschränkungen oder kognitiven Hürden stoßen oft auf digitale Barrieren. Aber: Das ändert sich. Endlich! Und zwar nicht nur in unserem Bewusstsein, sondern ganz offiziell per Gesetz.
Letzte Aktualisierung: April 2025
Alternativtexte für Bilder: damit Screenreader sagen können, was zu sehen ist
Ohne Alterantivtext
Ein großes, schwarzes Loch – keine Information für Screenreader-Nutzer:innen.
Mit Alterantivtext
Das Bild wird für Menschen mit eingeschränktem Sehvermögen textlich beschrieben. In diesem Fall zB: „Holzziege steht auf Skateboard vor pastellfarbenem Hintergrund“
Überschriftenstruktur: H1, H2, H3 … logisch und sinnvoll
Hier fehlt diese Struktur – der Text wirkt überladen, unübersichtlich und erschwert das schnelle Erfassen der Inhalte.
Für Screenreader-Nutzer:innen: Ohne Struktur wirkt alles wie ein einziger Textblock – verwirrend, unübersichtlich, schnell überfordernd.
Sinnvoll eingesetzte Überschriften (H1, H2, H3), Absätze und Hervorhebungen.
Für Screenreader-Nutzer:innen: Wer den Text nicht sieht, sondern sich vorlesen lässt, bekommt durch die korrekte Hierarchie eine logische Gliederung.
Gute Farbkontraste: weiße Schrift auf hellgrau? Nein, danke.
Abgeschwächte Wahrnehmung von Grün – rund einer von 25 Menschen ist davon betroffen
Der Kontrast geht verloren. Die Farben verschwimmen. Der Text ist kaum noch zu erkennen.
Farbsehen – so wie die meisten Menschen Farben wahrnehmen
Der Text hebt sich ab – so, wie es gedacht war.
Rate mal, wo du klicken sollst: Links müssen auch im Fließtext eindeutig als solche erkennbar sein
Ein Link, der keiner sein will und damit auch nicht gefunden wird
Wer mit Tastatur unterwegs ist (oder einfach nur schnell liest), sieht keine Maus und braucht visuelle oder technische Hinweise, um den Link überhaupt wahrzunehmen.
So sieht ein Link aus – und wird auch als solcher verstanden
Der Link ist unterstrichen, farblich abgehoben und dadurch sofort als klickbar zu erkennen. Das hilft nicht nur Menschen mit Einschränkungen, sondern allen die nicht raten wollen wo sie klicken sollen.
Wenn das Label nicht zum Feld gehört wird’s schnell verwirrend
Beschriftet – aber nicht verbunden
Screenreader lesen dann zum Beispiel erst Labels, dann Felder – ohne Zuordnung. Bei der „Sozialversicherungsnummer“ im „Betrag“-Feld wird’s nicht nur peinlich, sondern womöglich teuer.
Feldbeschriftungen, wie sie sein sollen
Jedes Eingabefeld ist korrekt mit seiner Beschriftung verbunden. So weiß auch jede:r mit Screenreader oder Tastaturnavigation sofort, was wo hingehört – sicher, verständlich und barrierefrei.
Farben allein reichen nicht: gute Diagramme brauchen mehr als bunte Balken
Schön bunt für dich – alles gleich für andere
Viele Menschen mit Farbschwäche können Diagramme nicht sinnvoll erfassen, wenn sich die Balken allein durch Farben differenzieren. Die Legende sagt zwar „Felix, Ramona, Kathi und Sandra“ – aber die Farben sehen gleich oder kaum unterscheidbar aus. Ohne zusätzlichen Hinweis oder Muster bleiben sie für viele einfach nur … Balken.
So wird’s für alle verständlich – auch ohne perfekte Farbwahrnehmung
Klare Labels und Zuordnungen helfen die Inhalte auf einen Blick zu erfassen – auch für Menschen mit Farbsehschwäche oder kognitiven Einschränkungen.
Katharina