European Accessibility Act: Was Online-Shops seit dem 28. Juni 2025 nachweisen können sollten

Seit dem 28. Juni 2025 gelten in der EU neue Barrierefreiheitsanforderungen für viele Produkte und Dienstleistungen. Für Website- und Shop-Betreiber ist das nicht nur ein Design- oder Entwicklungsthema. Es ist ein Compliance-, Conversion- und Vertrauensproblem.

Besonders relevant ist das für Online-Shops, Buchungsstrecken, digitale Self-Service-Portale und andere Websites, über die Verbraucher Produkte oder Dienstleistungen kaufen, buchen oder verwalten können. Wer hier Barrieren übersieht, schließt nicht nur Menschen aus. Er riskiert auch rechtliche, kommerzielle und reputative Folgen.

Dieser Artikel erklärt, was der European Accessibility Act für Online-Shops bedeutet, welche Website-Bereiche besonders kritisch sind und wie Unternehmen ihre Fortschritte sinnvoll prüfen und dokumentieren können.

Hinweis: Dieser Artikel ersetzt keine Rechtsberatung. Er soll Website-, Marketing-, E-Commerce- und Compliance-Verantwortlichen helfen, die operativen Handlungsfelder besser zu verstehen.

Was ist der European Accessibility Act?

Der European Accessibility Act ist eine EU-Richtlinie, die Barrierefreiheitsanforderungen für bestimmte Produkte und Dienstleistungen harmonisiert. Ziel ist es, Menschen mit Behinderungen besseren Zugang zu alltäglichen digitalen und physischen Angeboten zu ermöglichen und gleichzeitig einheitlichere Regeln im europäischen Binnenmarkt zu schaffen.

In Deutschland wurde die Richtlinie durch das Barrierefreiheitsstärkungsgesetz, kurz BFSG, umgesetzt. Das BFSG ist seit dem 28. Juni 2025 anzuwenden.

Für digitale Angebote ist besonders wichtig: Barrierefreiheit betrifft nicht nur Behörden oder öffentliche Stellen. Je nach Geschäftsmodell können auch private Anbieter betroffen sein, insbesondere im elektronischen Geschäftsverkehr.

Warum betrifft das Online-Shops?

Ein Online-Shop ist nicht nur eine Website. Er ist ein digitaler Verkaufsprozess. Nutzer müssen Produkte finden, Informationen verstehen, Varianten auswählen, Formulare ausfüllen, Zahlungsarten bedienen, Fehler korrigieren und Bestellungen abschließen können.

Genau in diesen Schritten entstehen häufig Barrieren:

• Produktbilder haben keine brauchbaren Alternativtexte.
• Buttons sind nur über Farbe oder Position verständlich.
• Formularfehler werden visuell markiert, aber nicht für Screenreader erklärt.
• Checkout-Schritte sind nicht vollständig per Tastatur bedienbar.
• Kontraste reichen für Menschen mit Sehbeeinträchtigungen nicht aus.
• Modale Fenster, Cookie-Banner oder Warenkorb-Layer blockieren assistive Technologien.
• Pflichtinformationen sind in PDFs, Bildern oder schwer lesbaren Layouts versteckt.

Das Problem ist dabei nicht nur juristisch. Jede Barriere kann auch Conversion kosten. Wer den Checkout nicht bedienen kann, kauft nicht.

Welche Bereiche eines Shops sollten zuerst geprüft werden?

Nicht jede Seite ist gleich kritisch. Für einen ersten Accessibility-Audit sollten Shop-Betreiber die Bereiche priorisieren, die für Kaufentscheidung, Vertragsschluss und Kundenservice besonders wichtig sind.

1. Startseite und Hauptnavigation

Die Startseite ist oft der Einstieg in die Marke. Wichtig sind klare Überschriften, verständliche Menüs, ausreichende Kontraste, eine logische Tastaturreihenfolge und sichtbare Fokuszustände.

2. Kategorie- und Suchergebnisseiten

Filter, Sortierungen und Produktsuche müssen auch ohne Maus funktionieren. Besonders problematisch sind dynamische Filter, die Ergebnisse ändern, ohne dass Screenreader-Nutzer darüber informiert werden.

3. Produktdetailseiten

Produktinformationen, Preise, Verfügbarkeiten, Varianten, Lieferinformationen und Call-to-Action-Buttons müssen eindeutig erfassbar sein. Bilder brauchen sinnvolle Alternativtexte, wenn sie relevante Produktinformationen vermitteln.

4. Warenkorb

Der Warenkorb muss verständlich zeigen, welche Produkte ausgewählt wurden, welche Kosten entstehen und wie Mengen geändert oder Artikel entfernt werden können.

5. Checkout

Der Checkout ist der kritischste Bereich. Formularfelder brauchen eindeutige Labels, Fehler müssen verständlich erklärt werden, Pflichtfelder müssen maschinenlesbar erkennbar sein und der gesamte Prozess muss per Tastatur nutzbar bleiben.

6. Rechtliche und servicebezogene Informationen

AGB, Widerruf, Datenschutz, Versandinformationen, Kontaktmöglichkeiten und Barrierefreiheitserklärungen sollten auffindbar, lesbar und nicht ausschließlich in unzugänglichen PDFs hinterlegt sein.

WCAG, EN 301 549 und BFSG: Welche Standards sind relevant?

In der Praxis orientieren sich viele Accessibility-Projekte an den Web Content Accessibility Guidelines, kurz WCAG. Die WCAG beschreiben, wie Webinhalte für Menschen mit unterschiedlichen Einschränkungen zugänglicher gemacht werden können.

Die Grundprinzipien sind:

1. Wahrnehmbar: Inhalte müssen so bereitgestellt werden, dass Nutzer sie wahrnehmen können.
2. Bedienbar: Navigation und Funktionen müssen bedienbar sein, auch ohne Maus.
3. Verständlich: Inhalte und Bedienung müssen nachvollziehbar sein.
4. Robust: Inhalte müssen zuverlässig mit assistiven Technologien funktionieren.

Für den europäischen Kontext ist außerdem EN 301 549 relevant, ein europäischer Standard für Barrierefreiheitsanforderungen an ICT-Produkte und -Dienstleistungen. Laut W3C nutzen Organisationen im Kontext des European Accessibility Act häufig WCAG und EN 301 549 als Referenzrahmen. Die aktuell in vielen regulatorischen Kontexten genutzte EN 301 549-Version baut stark auf WCAG 2.1 auf; W3C empfiehlt zugleich, die jeweils aktuelle WCAG-Version zu verwenden.

Für Unternehmen heißt das praktisch: Wer eine Website oder einen Shop verbessern will, sollte nicht nur einzelne Oberflächenfehler beheben, sondern ein prüfbares Accessibility-System aufbauen.

Warum ein einmaliger Accessibility-Audit nicht reicht

Viele Unternehmen behandeln Barrierefreiheit wie ein Relaunch-Thema: einmal prüfen, einige Tickets schließen, fertig. Für Online-Shops ist das zu kurz gedacht.

Shops ändern sich laufend:

• Neue Landingpages werden veröffentlicht.
• Kampagnenmodule werden eingebaut.
• Tracking-, Consent- oder Chat-Skripte verändern die Oberfläche.
• Produktdaten werden automatisiert importiert.
• Themes, Plugins oder Extensions werden aktualisiert.
• Checkout-Komponenten werden ausgetauscht.
• Content-Teams ergänzen Bilder, PDFs oder Tabellen.

Jede Änderung kann neue Barrieren erzeugen. Deshalb ist Barrierefreiheit kein statischer Zustand, sondern ein kontinuierlicher Qualitätsprozess.

Ein guter Prozess beantwortet regelmäßig diese Fragen:

• Welche Seiten wurden geprüft?
• Welche Barrieren wurden gefunden?
• Welche davon betreffen geschäftskritische Prozesse?
• Wer ist für die Behebung verantwortlich?
• Welche Fehler wurden bereits gelöst?
• Welche Nachweise gibt es für Fortschritte?
• Wann wurde zuletzt erneut geprüft?

Die wichtigsten Accessibility-Probleme in Online-Shops

Fehlende oder schlechte Alternativtexte

Produktbilder sind im E-Commerce zentral. Wenn ein Bild nur dekorativ ist, kann es ignoriert werden. Wenn es aber Produktdetails vermittelt, braucht es einen sinnvollen Alternativtext. „Bild123.jpg“ oder „Produktfoto“ hilft nicht.

Besser ist ein kurzer, relevanter Beschreibungstext, der die Kaufentscheidung unterstützt. Bei Mode kann das Material, Schnitt oder Farbe sein. Bei Möbeln können Maße, Form oder sichtbare Funktionen relevant sein.

Unzureichende Farbkontraste

Kontrastprobleme sind weit verbreitet. Besonders häufig sind hellgraue Texte, dezente Fehlermeldungen, Badges, sekundäre Buttons und Preis- oder Rabattinformationen betroffen.

Ein Rabattlabel, das visuell auffällt, aber für Menschen mit Sehbeeinträchtigung kaum lesbar ist, erfüllt seinen Zweck nicht.

Nicht bedienbare Navigation

Viele Shops verlassen sich stark auf Hover-Menüs, Mega-Dropdowns, Slider oder komplexe Filter. Wenn diese Komponenten nicht sauber per Tastatur bedienbar sind, verlieren Nutzer den Zugang zu zentralen Funktionen.

Wichtige Prüffrage: Kann ein Nutzer mit Tab, Enter, Escape und Pfeiltasten vollständig durch den Kaufprozess navigieren?

Fehlerhafte Formulare

Checkout-Formulare sind besonders anfällig. Häufige Probleme sind fehlende Labels, unklare Pflichtfelder, nicht verknüpfte Fehlermeldungen und Validierungen, die nur farblich angezeigt werden.

Gute Fehlermeldungen sagen nicht nur, dass etwas falsch ist. Sie erklären, was genau fehlt und wie der Nutzer es korrigieren kann.

ARIA falsch eingesetzt

ARIA kann helfen, komplexe Benutzeroberflächen zugänglicher zu machen. Falsch eingesetzt kann ARIA aber auch schaden. Ein Button, der semantisch kein Button ist, ein Menü ohne korrekte Zustände oder ein Dialog ohne Fokusmanagement kann assistive Technologien verwirren.

Die Regel lautet: Erst semantisches HTML, dann ARIA nur dort, wo es wirklich nötig ist.

Dynamische Inhalte ohne Ankündigung

Moderne Shops verändern Inhalte oft ohne Seitenreload: Filter, Warenkorb, Verfügbarkeit, Preisberechnungen oder Versandoptionen. Wenn solche Änderungen für Screenreader nicht erkennbar sind, fehlen entscheidende Informationen.

Was sollte ein Shop-Betreiber nachweisen können?

Für die Praxis ist nicht nur wichtig, ob eine Website „barrierefrei“ ist. Wichtig ist auch, ob ein Unternehmen nachvollziehbar zeigen kann, dass es strukturiert prüft, priorisiert und verbessert.

Sinnvolle Nachweise sind zum Beispiel:

• dokumentierte Accessibility-Checks für zentrale Seitentypen,
• eine Liste gefundener Barrieren,
• Priorisierung nach Risiko und Nutzerrelevanz,
• Verantwortlichkeiten für die Behebung,
• technische Hinweise für Entwickler,
• Management-Zusammenfassungen für Entscheider,
• erneute Prüfungen nach Fixes,
• Zeitstempel und Verlauf der Verbesserungen,
• teilbare Reports für interne oder externe Stakeholder.

Das ist besonders wichtig, weil Accessibility-Probleme selten in einer Abteilung entstehen. Design, Entwicklung, Content, SEO, Datenschutz, Legal und E-Commerce arbeiten alle an derselben Website, aber oft mit unterschiedlichen Werkzeugen und Verantwortlichkeiten.

Praktische Checkliste für den ersten Accessibility-Review

Struktur und Semantik

• Gibt es genau eine klare Hauptüberschrift pro Seite?
• Sind Überschriften logisch verschachtelt?
• Werden Listen, Tabellen, Buttons und Formulare semantisch korrekt ausgezeichnet?
• Sind Landmarken wie Header, Navigation, Main und Footer sinnvoll erkennbar?

Navigation und Tastaturbedienung

• Ist die komplette Seite ohne Maus bedienbar?
• Ist der Fokus immer sichtbar?
• Ist die Fokusreihenfolge logisch?
• Können modale Fenster und Overlays korrekt geöffnet und geschlossen werden?
• Gibt es keine Tastaturfallen?

Formulare und Checkout

• Hat jedes Eingabefeld ein eindeutiges Label?
• Sind Pflichtfelder klar erkennbar?
• Werden Fehler textlich erklärt?
• Sind Fehlermeldungen mit den betroffenen Feldern verknüpft?
• Bleiben eingegebene Daten nach Fehlern erhalten?

Inhalte und Medien

• Haben relevante Bilder sinnvolle Alternativtexte?
• Sind Videos untertitelt, wenn sie wichtige Informationen enthalten?
• Sind PDFs und Downloads zugänglich oder gibt es HTML-Alternativen?
• Sind Produktinformationen nicht nur visuell oder farblich codiert?

Kontrast und visuelle Gestaltung

• Sind Texte ausreichend kontrastreich?
• Sind Buttons und Links klar erkennbar?
• Werden Zustände wie Fehler, Erfolg oder Auswahl nicht nur über Farbe vermittelt?
• Sind Texte bei Zoom weiterhin lesbar und nutzbar?

Dynamische Komponenten

• Werden Änderungen im Warenkorb verständlich kommuniziert?
• Sind Filter, Sortierungen und Autocomplete-Funktionen zugänglich?
• Funktionieren Cookie-Banner, Chat-Widgets und Pop-ups mit Tastatur und Screenreader?
• Sind Ladezustände und Fehlerzustände verständlich?

Wie +Analytics Pro dabei hilft

+Analytics Pro verbindet Website-Analytics mit kontinuierlichen Checks und Audits. Für Accessibility und Compliance ist vor allem wichtig: Die Prüfung wird nicht als isolierter PDF-Bericht verstanden, sondern als laufender Verbesserungsprozess.

Mit den Accessibility- und Compliance-Checks können Teams:

• einzelne URLs prüfen,
• Accessibility-Probleme systematisch erfassen,
• Ergebnisse nach Kategorien strukturieren,
• wiederkehrende Checks einrichten,
• Issues zentral nachverfolgen,
• Executive Summaries für Entscheider erzeugen,
• technische Hinweise für Entwickler erhalten,
• Reports über stabile Links mit Teams oder Stakeholdern teilen.

Der WAVE Accessibility Checker in +Analytics Pro nutzt die WAVE API und liefert unter anderem Fehler, Warnungen, strukturelle Hinweise, ARIA-Informationen, Kontrastthemen und AIM Scores. Damit eignet er sich nicht nur für eine erste Standortbestimmung, sondern auch für wiederholbare Prüfungen wichtiger Seitentypen.

Gleichzeitig lassen sich Accessibility-Ergebnisse mit weiteren Website-Risiken verbinden: Datenschutz, Security, SEO, GEO, Performance, Content-Qualität und Carbon Footprint. Genau diese Verbindung ist für viele Unternehmen wertvoll, weil Website-Qualität selten nur ein einzelnes Thema ist.

Warum Accessibility auch SEO- und AI-Visibility-relevant ist

Barrierefreiheit und Suchmaschinenoptimierung sind nicht identisch. Aber sie überschneiden sich stark.

Saubere Überschriften, semantisches HTML, verständliche Linktexte, gute Alternativtexte, crawlbare Inhalte und klare Informationsarchitektur helfen nicht nur Menschen mit assistiven Technologien. Sie helfen auch Suchmaschinen und KI-Systemen, Inhalte besser zu verstehen.

Für LLM-Sichtbarkeit ist das besonders relevant: KI-Systeme bevorzugen Inhalte, die klar strukturiert, eindeutig formuliert und maschinenlesbar sind. Eine Website, die für Menschen schwer verständlich ist, ist oft auch für Maschinen schwer interpretierbar.

Accessibility sollte deshalb nicht nur als Pflicht betrachtet werden. Sie ist ein Qualitätsmerkmal für digitale Kommunikation.

Fazit: Accessibility braucht Nachweisbarkeit

Der European Accessibility Act macht digitale Barrierefreiheit für viele Unternehmen verbindlicher. Für Online-Shops ist das besonders relevant, weil Barrieren direkt im Kaufprozess entstehen können.

Die operative Herausforderung besteht nicht nur darin, einzelne Fehler zu finden. Die eigentliche Aufgabe ist, Accessibility als wiederholbaren Prozess zu etablieren: prüfen, priorisieren, beheben, erneut prüfen und Fortschritt dokumentieren.

Genau hier liegt der Unterschied zwischen einem einmaligen Audit und einem belastbaren Qualitätsprozess.

+Analytics Pro unterstützt diesen Ansatz, indem Accessibility-Checks, Issue-Tracking, verständliche Zusammenfassungen, technische Handlungsempfehlungen und teilbare Nachweise in einem System zusammengeführt werden.

Wer seine Website nicht nur schöner, sondern zugänglicher, robuster und nachweisbar besser machen will, sollte Accessibility nicht als Pflichtübung behandeln. Sondern als Bestandteil digitaler Produktqualität.