EAA: Die 5 häufigsten Fehler, die Ihre Website nicht konform machen

Sie glauben, Ihre schicke, moderne Website erfüllt den European Accessibility Act (EAA, in Deutschland umgesetzt durch das Barrierefreiheitsstärkungsgesetz, BFSG)? Denken Sie noch einmal nach. Selbst die gelungensten digitalen Erlebnisse können bei wesentlichen Barrierefreiheitsmerkmalen durchfallen. Da die EAA-Frist am 28. Juni 2025 näher rückt, müssen Organisationen in der EU – und Unternehmen, die in die EU verkaufen – sicherstellen, dass ihre Websites nicht nur optisch ansprechend, sondern auch für alle zugänglich sind, einschließlich Menschen mit Behinderungen.

Barrierefreiheit ist längst kein „Nice-to-have“ mehr, sondern eine rechtliche Pflicht. Dennoch kennen viele Unternehmen die typischen Stolperfallen noch nicht, die ihre Websites nicht konform machen können. Ob aus Unachtsamkeit, veralteten Praktiken oder fehlendem technischem Wissen: Diese Fehler können Sie rechtlichen Risiken aussetzen, potenzielle Nutzer ausschließen und letztlich Ihrem Ruf schaden.

Hier die fünf häufigsten Barrierefreiheitsfehler auf Websites – und wie Sie sie vermeiden, um EAA-konform zu bleiben.

1. Fehlende Alternativtexte (Alt-Texte) bei Bildern

Alt-Texte wirken wie ein Detail, spielen aber eine entscheidende Rolle für die Barrierefreiheit im Web. Für sehbeeinträchtigte Nutzer, die auf Screenreader angewiesen sind, liefert der Alt-Text eine gesprochene Beschreibung von Bildern und macht visuelle Inhalte auf nicht-visuelle Weise verständlich.

Leider gehören fehlende oder schlecht formulierte Alt-Texte zu den am weitesten verbreiteten Barrierefreiheitsmängeln im Web. Dekorative Bilder ohne Informationswert sollten entsprechend gekennzeichnet werden (alt=““), Bilder mit Aussagekraft – etwa Produktfotos, Infografiken oder Diagramme – müssen dagegen einen beschreibenden Text enthalten, der ihren Zweck vermittelt.

Fehlt der Alt-Text oder ist er vage (z. B. „image1.jpg“), bleiben Screenreader-Nutzer im Dunkeln. Das ist mehr als eine Unannehmlichkeit – es ist ein Verstoß gegen die WCAG (Web Content Accessibility Guidelines), die der EAA aufgreift.

💡 Tipp: Als Faustregel fragen Sie sich: „Wenn ich dieses Bild nicht sehen könnte – würde ich seine Rolle im Inhalt trotzdem verstehen?“ Lautet die Antwort nein, schreiben Sie eine prägnante, genaue Alt-Beschreibung.

2. Schlechter Farbkontrast

Design prägt die Nutzererfahrung maßgeblich, doch nicht jede schöne Website ist mit Blick auf Barrierefreiheit gebaut. Eine der häufigsten visuellen Barrieren ist unzureichender Farbkontrast zwischen Text und Hintergrund.

Geringer Kontrast macht Inhalte für Nutzer mit Sehbeeinträchtigungen, Farbfehlsichtigkeit oder auch nur bei hellem Licht auf dem Bildschirm schwer oder gar nicht lesbar. Die WCAG 2.1 verlangen ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text.

Dabei geht es nicht nur um Schrift- und Hintergrundfarben. Auch Links, Schaltflächen und Fehlermeldungen müssen gut unterscheidbar sein. Rot auf Grün zum Beispiel besteht nicht nur den Kontrasttest nicht – es ist auch für farbenblinde Nutzer unbrauchbar, die diese Farbtöne nicht unterscheiden können.

💡 Tipp: Nutzen Sie kostenlose Tools wie den Contrast Checker von WebAIM, um Ihre Farbpalette zu prüfen und sicherzustellen, dass jeder Text die Barrierefreiheits-Schwellenwerte erreicht.

3. Nicht barrierefreie Formulare

An Formularen scheitert Barrierefreiheit häufig. Sie sind interaktiv, komplex und unverzichtbar – vom Newsletter-Abo bis zur Bestellseite. Doch wenn Ihre Formulare mit Screenreader oder Tastatur nicht bedienbar sind, sind sie nicht barrierefrei.

Typische Probleme sind fehlende Beschriftungen, unklare Hinweise und Fehlermeldungen, die weder erklären, was schiefging, noch wie es sich beheben lässt. Selbst ein simples Kontaktformular wird unbrauchbar, wenn die Felder nicht korrekt ausgezeichnet sind.

Nach den EAA-Vorgaben muss jedes Formularfeld mit einer sichtbaren Beschriftung verknüpft sein, die auch programmatisch zugeordnet ist. Platzhaltertext allein ist keine ausreichende Beschriftung. Fehlermeldungen sollten an assistive Technologien ausgegeben werden und das Problem klar beschreiben – etwa „Die Telefonnummer muss eine Vorwahl enthalten“ statt eines vagen „Ungültige Eingabe“.

💡 Tipp: Testen Sie Ihre Formulare immer ohne Maus oder Trackpad. Können Sie jedes Feld mit der Tabulatortaste erreichen? Ist die Fokusreihenfolge logisch? Sind die Fehlermeldungen verständlich?

4. Keine Unterstützung der Tastaturnavigation

Viele Nutzer mit motorischen Einschränkungen sowie blinde Nutzer, die Screenreader verwenden, navigieren im Web ausschließlich per Tastatur. Lässt sich Ihre Website nicht über die Tasten Tab, Enter und Pfeiltasten bedienen, ist sie nicht EAA-konform – und schließt einen beträchtlichen Teil der Nutzer aus.

Probleme entstehen oft, wenn Websites benutzerdefinierte Komponenten wie Dropdown-Menüs, Modal-Pop-ups oder Slider verwenden, die nicht korrekt auf Tastatureingaben reagieren. Ohne durchdachtes Fokusmanagement können Nutzer in einem Bereich der Seite „gefangen“ werden oder bestimmte Schaltflächen überhaupt nicht aktivieren.

Außerdem dürfen sichtbare Fokusindikatoren – die Umrandungen, die beim Tabben um Schaltflächen oder Links erscheinen – niemals deaktiviert werden. Sie helfen Nutzern zu verstehen, wo sie sich auf der Seite befinden und wie sie sich weiterbewegen.

💡 Tipp: Navigieren Sie probehalber nur mit der Tastatur durch Ihre Website. Wenn Sie nicht weiterkommen oder sich verirren, geht es Ihren Nutzern genauso.

5. Keine Barrierefreiheitserklärung

Zu guter Letzt: Selbst wenn Sie die Barrierefreiheit erheblich verbessert haben, kann das Fehlen einer veröffentlichten Barrierefreiheitserklärung dazu führen, dass Sie die Vorgaben trotzdem nicht erfüllen.

Der EAA verlangt von Unternehmen Transparenz über den Barrierefreiheitsstatus ihrer digitalen Angebote. Eine Barrierefreiheitserklärung informiert Nutzer über die Schritte, die Sie zur Barrierefreiheit Ihrer Website unternommen haben, benennt bekannte Einschränkungen und bietet einen klaren Weg, Probleme zu melden oder Anpassungen anzufragen.

Dabei geht es nicht nur um rechtliche Absicherung, sondern um Vertrauen bei den Nutzern und darum zu zeigen, dass Barrierefreiheit eine Priorität ist und kein nachträglicher Gedanke.

💡 Tipp: Ihre Barrierefreiheitserklärung sollte leicht auffindbar sein (oft im Footer) und in einfacher Sprache verfasst werden. Sie sollte die unterstützten Technologien, noch in Arbeit befindliche Bereiche und eine Kontaktmöglichkeit für Feedback enthalten.

Fazit

Bei Barrierefreiheit geht es nicht darum, Kästchen abzuhaken – sondern darum, ein digitales Umfeld zu schaffen, das alle willkommen heißt, unabhängig von ihren Fähigkeiten. Und nach dem European Accessibility Act (EAA) ist sie für viele Organisationen zudem eine rechtliche Notwendigkeit.

Wer diese fünf häufigen Fehler ignoriert – fehlende Alt-Texte, schlechter Farbkontrast, nicht barrierefreie Formulare, fehlende Tastaturnavigation und keine Barrierefreiheitserklärung –, setzt seine Organisation einem Risiko aus. Vor allem aber verpasst man die Chance, Menschen zu erreichen, die Ihre Angebote nutzen möchten, es aber nicht können.

Vermeiden Sie diese Fehler, fordern Sie einen kostenlosen EAA-Barrierefreiheitscheck an und erhalten Sie einen klaren Bericht darüber, was Sie vor dem 28. Juni 2025 beheben sollten.