Barrierefreiheit Website & European Accessibility Act

Barrierefreiheit im Web ist für Unternehmen in der EU längst keine optionale Nice-to-have-Qualität mehr. Der European Accessibility Act (EAA) verpflichtet viele Dienstleister ab Juni 2025, digitale Angebote für Menschen mit Behinderungen zugänglich zu machen. Betroffen sind unter anderem E-Commerce, Banken, Telekommunikation und B2C-Dienstleistungen. Dieser Ratgeber erklärt Anforderungen, Umsetzung und Kosten für deutsche KMU. Der European Accessibility Act betrifft nicht nur Konzerne: Auch viele Online-Shops und Dienstleister müssen ab 2025 barrierefrei sein. Die Umsetzung ist kein reines Compliance-Thema – sie verbessert Usability für alle Nutzer und reduziert Abmahnrisiken bei fehlenden Erklärungen. Planen Sie Barrierefreiheit von Projektstart an, nicht als nachträglichen Patch.

Was der EAA für Ihre Website bedeutet

Der EAA setzt EU-Richtlinie 2019/882 national um (in Deutschland über das Barrierefreiheitsstärkungsgesetz – BFSG). Websites und Apps müssen für Menschen mit Seh-, Hör-, Motor- und kognitiven Einschränkungen nutzbar sein. Orientierung bieten WCAG 2.1 Level AA und EN 301 549.

Nicht jedes Unternehmen ist gleich betroffen – Kleinstunternehmen unter bestimmten Schwellen können Ausnahmen haben. Prüfen Sie Ihre Branche und Unternehmensgröße rechtlich. Unabhängig davon: Barrierefreiheit erweitert Ihre Zielgruppe und verbessert SEO und UX für alle.

WCAG-Grundprinzipien in der Praxis

Wahrnehmbar: Textalternativen für Bilder, ausreichende Kontraste (4,5:1 für Fließtext), Untertitel für Videos.

Bedienbar: Tastatur-Navigation ohne Maus, keine rein zeitbasierten Interaktionen, fokussierbare Elemente sichtbar.

Verständlich: Klare Sprache, konsistente Navigation, Fehlermeldungen in Formularen verständlich.

Robust: Kompatibilität mit Screenreadern (NVDA, VoiceOver), valides HTML, ARIA nur wo nötig.

Typische Barrieren auf KMU-Websites

Fehlende alt-Texte, zu geringer Farbkontrast (grauer Text auf weißem Grund), nicht fokussierbare Cookie-Banner, PDFs ohne Tags, Videos ohne Untertitel, Formulare ohne Labels, reine Hover-Menüs auf Desktop.

Shops zusätzlich: Checkout ohne Screenreader-Support, Produktvarianten nur farblich ohne Text.

Kosten und Umsetzungspfad

| Maßnahme | Aufwand | Kosten (ca.) | |----------|---------|--------------| | Barrierefreiheits-Audit | 2–5 Tage | 1.500–4.000 € | | Quick Fixes (Kontrast, alt, Labels) | 1–3 Tage | 800–2.500 € | | Template/Theme-Anpassung | 1–4 Wochen | 3.000–12.000 € | | PDF-Remediation | pro Dokument | 50–200 € | | Laufendes Monitoring | monatlich | 100–300 € |

Neuprojekt barrierefrei von Anfang an ist 20–30 % günstiger als nachträgliche Sanierung.

Checkliste Barrierefreiheit (WCAG AA Auszug)

• [ ] Alle Bilder mit sinnvollem alt-Text (dekorativ: alt="")
• [ ] Kontrastverhältnis min. 4,5:1 (Text), 3:1 (große Überschriften)
• [ ] Vollständige Tastaturbedienbarkeit getestet
• [ ] Fokus-Indikatoren sichtbar
• [ ] Formularfelder mit label-Element verknüpft
• [ ] Fehlermeldungen programmatisch verknüpft (aria-describedby)
• [ ] Videos mit Untertitel oder Transkript
• [ ] Seitenstruktur mit semantischen Landmarks (header, nav, main)
• [ ] Skip-Link zur Hauptnavigation
• [ ] Barrierefreiheitserklärung auf der Website veröffentlicht

Technische Basis: Website-Sicherheit und Betrieb – Updates und Qualitätssicherung hängen zusammen.

CMS und Design-Entscheidungen

Accessible-ready Themes wählen, Custom Components mit Fokus-States designen. Headless-Frontends erfordern explizite ARIA-Strategie. Mehr: CMS-Auswahl für Unternehmen.

Rechtliche Einordnung für KMU

Prüfen Sie mit Fachanwalt, ob Ihr Unternehmen unter BFSG/EAA fällt – Kleinstunternehmen und bestimmte Dienstleistungen haben Ausnahmen. Unabhängig davon: öffentliche Auftraggeber und große B2B-Kunden verlangen zunehmend barrierefreie Angebote in Ausschreibungen. Accessibility wird zum Wettbewerbsfaktor, nicht nur zur Pflicht.

Nutzen über Compliance hinaus

Barrierefreie Sites sind oft besser für alle: klare Kontraste helfen bei Sonnenlicht auf dem Handy, Tastaturbedienung für Power-User, strukturierte Texte für Suchmaschinen. 15 bis 20 % der Bevölkerung haben dauerhafte Einschränkungen – zusätzliches Marktpotenzial, das viele ignorieren.

Testing mit echten Nutzern

Automatisierte Tools (axe, WAVE) finden 30 bis 50 % der Issues – manuelle Tests mit Screenreader und echte Nutzer mit Behinderung decken den Rest auf. Budget 800 bis 2.500 Euro für User-Testing lohnt sich vor größeren Launches.

Barrierefreie Formulare benötigen sichtbare Labels, nicht nur Placeholder-Text. Fehlermeldungen müssen screenreader-tauglich sein und konkret sagen, was zu korrigieren ist. CAPTCHAs sind oft Barrieren – Alternativen wie Honeypot oder zeitbasierte Prüfung bevorzugen. PDF-Rechnungen und Downloads sollten getaggt sein oder durch HTML-Alternativen ergänzt werden. Schulen Sie Redakteure: Überschriften nicht für Formatierung missbrauchen, Tabellen nur für echte Tabellendaten. Ein halbtägiger Workshop (400 bis 800 Euro) verhindert Rückfälle nach dem Launch. Dokumentieren Sie den Barrierefreiheitsstand in Ihrer Erklärung auf der Website und aktualisieren Sie diese bei größeren Relaunches.

Zusammenfassung für Entscheider

Als Geschäftsführer oder Marketingverantwortlicher in einem deutschen KMU müssen Sie nicht jedes technische Detail selbst beherrschen – aber Sie sollten Budget, Zeitplan und Erfolgskriterien definieren. Holen Sie mindestens zwei unabhängige Einschätzungen ein, dokumentieren Sie Anforderungen schriftlich und verknüpfen Sie digitale Investitionen mit messbaren Zielen: Anfragen, Umsatz, Kosteneinsparung gegenüber Offline-Kanälen. Viele Projekte scheitern nicht an fehlendem Know-how, sondern an unklaren Prioritäten und wechselnden Anforderungen mitten im Projekt. Ein fester Ansprechpartner auf Kunden- und Anbieterseite sowie monatliche Status-Updates verhindern teure Missverständnisse. Planen Sie nach dem Launch mindestens 90 Tage ein, in denen Sie Daten sammeln, bevor Sie große Strategiewechsel vornehmen – organische Sichtbarkeit, Conversion-Optimierung und technische Stabilität brauchen Zeit, um Wirkung zu zeigen. Wer langfristig denkt, investiert nicht nur in den Launch, sondern in Pflege, Weiterentwicklung und regelmäßige Reviews. Das gilt unabhängig davon, ob Ihr Budget eher 5.000 oder 50.000 Euro beträgt: Transparenz, realistische Erwartungen und kontinuierliche Optimierung sind der gemeinsame Erfolgsfaktor für professionelle Websites und Shops im deutschen Mittelstand.

Fragen Sie Ihre Agentur nach WCAG-2.1-AA-Konformität im Angebot – als festen Liefergegenstand, nicht als vage Absichtserklärung.

Im Webdesign-Hub finden Sie Agenturen mit EAA-Erfahrung. Barrierefreie Website planen: Webseite erstellen lassen.