Ab dem 28. Juni 2025 ist barrierefreies Design für viele Unternehmen in der EU keine freiwillige Entscheidung mehr — es ist Gesetz. Der European Accessibility Act (EAA) verpflichtet digitale Produkte und Dienstleistungen zur Barrierefreiheit. Wer heute noch nicht handelt, riskiert Bußgelder und Reputationsschäden.

Fachkraft nutzt barrierefreie digitale Anwendung mit Screenreader und Tastaturnavigation am Arbeitsplatz

Was bedeutet Barrierefreiheit wirklich?

Barrierefreiheit bedeutet nicht, dass Ihre Website für eine kleine Minderheit angepasst wird. Es geht darum, dass möglichst viele Menschen digitale Produkte nutzen können — unabhängig von körperlichen Fähigkeiten, Alter oder Situation.

Das Prinzip dahinter kennen Sie aus der physischen Welt: die Bordsteinabsenkung. Ursprünglich für Rollstuhlfahrer entwickelt, hilft sie heute Eltern mit Kinderwagen, Reisenden mit Koffern und Lieferanten mit Sackkarre gleichermaßen. Genauso verhält es sich digital: Eine barrierefreie Website ist für alle einfacher zu nutzen.

Einschränkungen sind häufiger als gedacht — und sie treffen jeden:

  • Dauerhaft: Sehbehinderung, Farbenblindheit, eingeschränkte Motorik
  • Vorübergehend: gebrochener Arm, Augenentzündung, kurze Rekonvaleszenz
  • Situativ: starke Sonne auf dem Bildschirm, ein Kind auf dem Arm, laute Umgebung
Was das für Sie bedeutet

Barrierefreies Design trifft nicht nur 10 % Ihrer Nutzer — es verbessert die Erfahrung für alle. Es ist kein Sonderprojekt. Es ist gutes Design.

Wen betrifft der European Accessibility Act?

Der EAA gilt ab dem 28. Juni 2025 für viele digitale Produkte und Dienstleistungen. Betroffen sind unter anderem:

  • E-Commerce-Plattformen (Online-Shops, Buchungssysteme)
  • Banking und Finanzdienstleistungen (Apps, Portale)
  • Transport-Apps (Buchung, Fahrplaninformation)
  • Allgemeine digitale Dienstleistungen (viele kommerzielle Online-Angebote)

Kleinstunternehmen können unter bestimmten Voraussetzungen ausgenommen sein. Für den Großteil des Mittelstands entstehen jedoch klare Anforderungen.

Der Maßstab: WCAG 2.1, Stufe AA — der internationale Standard für digitale Barrierefreiheit. Wer diesen erfüllt, ist rechtlich auf der sicheren Seite.

Was das für Sie bedeutet

Prüfen Sie jetzt, ob Ihr Online-Auftritt in den Anwendungsbereich des EAA fällt. Ein ungeprüftes „wird schon passen" wird teuer.

Website-Interface mit sichtbaren Barrierefreiheits-Features: hoher Farbkontrast, große Klickflächen und Fokuszustände

Die vier WCAG-Prinzipien

Der Standard heißt POUR — vier Buchstaben, vier Grundprinzipien:

Wahrnehmbar

Inhalte müssen für alle wahrnehmbar sein — auch ohne Sehen oder Hören. Bilder brauchen Alternativtexte. Videos brauchen Untertitel. Informationen dürfen nicht ausschließlich über Farbe vermittelt werden.

Bedienbar

Alles muss auch ohne Maus funktionieren. Tastaturnavigation, ausreichend große Klickflächen (mindestens 44×44 Pixel), keine Tastaturfallen.

Verständlich

Klare Sprache, vorhersehbare Navigation, eindeutige Fehlermeldungen. Ein Nutzer sollte nie raten müssen, was als nächstes passiert.

Robust

Die Umsetzung muss technisch sauber sein — semantisches HTML, Kompatibilität mit Screenreadern und Hilfstechnologien.

Was das für Sie bedeutet

Diese vier Prinzipien sind keine abstrakten Ideale. Sie beschreiben konkrete Designentscheidungen, die Ihr Entwickler und Designer umsetzen können.

Infografik mit den vier WCAG-Säulen: Wahrnehmbar, Bedienbar, Verständlich und Robust als visuelles Prinzip

Die häufigsten Fehler in der Praxis

In der Praxis scheitern Websites oft an denselben Punkten:

Zu geringer Farbkontrast

Text auf hellgrauem Hintergrund sieht modern aus — ist aber für viele Menschen unleserlich. WCAG fordert ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text.

Farbe als einziger Informationsträger

Ein roter Fehlerrahmen allein reicht nicht. Es braucht zusätzlich einen Fehlertext und ein Symbol.

Fehlende Alternativtexte

Bilder ohne Alt-Text sind für Screenreader-Nutzer unsichtbar. Dekorative Bilder können leer gelassen werden — aber informative Bilder müssen beschrieben werden.

Formulare ohne Labels

Ein Platzhaltertext „E-Mail eingeben" verschwindet, sobald der Nutzer tippt. Sichtbare Labels müssen erhalten bleiben.

Nicht per Tastatur bedienbar

Viele Websites lassen sich nicht vollständig ohne Maus nutzen — ein Ausschluss für viele Nutzergruppen.

Was das für Sie bedeutet

Diese Fehler sind behebbar. Ein strukturierter Accessibility-Check deckt sie auf — und die meisten lassen sich mit überschaubarem Aufwand korrigieren.

Was Sie jetzt konkret tun sollten

Schritt 1 — Bestandsaufnahme: Lassen Sie Ihre Website mit einem automatisierten Tool prüfen (WAVE, Axe, Contrast). Das zeigt die offensichtlichsten Probleme in wenigen Minuten.

Schritt 2 — Manuelle Prüfung: Navigieren Sie Ihre Website ausschließlich mit der Tastatur. Zoomen Sie den Browser auf 200 %. Prüfen Sie, ob alles noch nutzbar ist.

Schritt 3 — Technische Umsetzung: Semantisches HTML, korrekte Kontrastverhältnisse, Alt-Texte, sichtbare Fokuszustände, ausreichend große Touch-Ziele.

Schritt 4 — Dokumentation: Barrierefreiheit muss in Designdateien dokumentiert werden — Fokusreihenfolgen, Screenreader-Texte, Überschriftenhierarchien. Was nicht dokumentiert ist, wird falsch umgesetzt.

Was das für Sie bedeutet

Sie müssen nicht alles auf einmal lösen. Aber Sie müssen anfangen. Der 28. Juni 2025 ist kein weiches Datum.

Wie barrierefrei ist Ihr Online-Auftritt wirklich?

Kostenlos Termin buchen
Justin Kollautz Justin Kollautz KI Spezialist · Wurzelwerk

Häufige Fragen

Gilt der EAA auch für kleine Unternehmen?

Kleinstunternehmen (weniger als 10 Mitarbeiter und weniger als 2 Millionen Euro Jahresumsatz) können ausgenommen sein, wenn die Anforderungen eine unverhältnismäßige Belastung darstellen. Für die meisten Mittelständler gilt das nicht.

Was passiert, wenn ich die Anforderungen nicht erfülle?

Bußgelder und behördliche Maßnahmen sind möglich. Hinzu kommen Reputationsrisiken — gerade in einer Zeit, in der Unternehmensverantwortung öffentlich wahrgenommen wird.

Reicht ein Accessibility-Overlay-Widget?

Nein. Widget-Lösungen wie UserWay oder AccessiBe können einzelne Probleme verdecken, ersetzen aber kein technisch barrierefreies Design. Sie sind Pflaster, keine Lösung.

Fazit: Barrierefreiheit ist Qualität

Barrierefreiheit ist kein Compliance-Thema, das man abhakt. Es ist ein Qualitätsmerkmal — für Ihre Website, Ihr Produkt und Ihr Unternehmen. Websites, die für alle funktionieren, funktionieren auch besser in Suchmaschinen, auf Mobilgeräten und für Nutzer, die nicht der idealen Zielgruppe entsprechen.

Der European Accessibility Act ist der Anlass. Die bessere Nutzererfahrung ist der eigentliche Grund.