WCAG 2.1 AA ist der internationale Standard für barrierefreie Websites. Er basiert auf vier Prinzipien: wahrnehmbar, bedienbar, verständlich, robust. Für viele Unternehmen im DACH-Raum wird Barrierefreiheit zur Pflicht (u.a. durch das Barrierefreiheitsstärkungsgesetz). Prüfen Sie Kontraste, Tastaturbedienung, Alt-Texte und Formulare als erste Schritte.
Barrierefreiheit im Web ist längst kein Randthema mehr, das nur öffentliche Einrichtungen betrifft. Für immer mehr Unternehmen im DACH-Raum wird eine barrierefreie Website zur rechtlichen Pflicht, und gleichzeitig zu einem klaren Wettbewerbsvorteil. Der maßgebliche Standard heißt WCAG 2.1, und in den meisten Fällen ist die Konformitätsstufe AA gefordert.
Doch was bedeuten diese Anforderungen konkret? In diesem Beitrag erklären wir Ihnen als Inhaber oder Entscheider praxisnah, worauf es bei WCAG 2.1 Level AA ankommt, welche rechtlichen Rahmenbedingungen gelten und wie Sie die ersten Schritte in Richtung einer barrierefreien Website gehen.
Warum Barrierefreiheit für Ihr Unternehmen relevant ist
Rund jeder zehnte Mensch lebt mit einer dauerhaften Beeinträchtigung, sei es eine Sehbehinderung, eine motorische Einschränkung oder eine kognitive Besonderheit. Rechnet man temporäre Einschränkungen und altersbedingte Faktoren hinzu, betrifft das Thema einen erheblichen Teil Ihrer potenziellen Kundschaft.
Eine barrierefreie Website bringt Ihnen dabei mehrere Vorteile auf einmal:
- Größere Reichweite: Sie erreichen Nutzer, die sonst ausgeschlossen wären.
- Bessere Usability für alle: Klare Struktur, gute Kontraste und verständliche Sprache helfen jedem Besucher.
- SEO-Vorteile: Viele Barrierefreiheitsmaßnahmen (semantisches HTML, Alt-Texte, saubere Struktur) verbessern zugleich Ihr Ranking.
- Rechtssicherheit: Sie erfüllen gesetzliche Vorgaben und vermeiden Abmahnrisiken.
Besonders der letzte Punkt gewinnt an Gewicht: Mit dem Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland gelten für viele private Unternehmen, etwa im E-Commerce, bei Bankdienstleistungen oder digitalen Services, verbindliche Anforderungen. Auch in Österreich (Web-Zugänglichkeits-Gesetz) und der Schweiz (BehiG) existieren entsprechende Regelungen. Die technische Grundlage bildet in allen Fällen die WCAG.
Die vier Grundprinzipien der WCAG 2.1
Die Web Content Accessibility Guidelines strukturieren sich rund um vier Kernprinzipien. Man fasst sie unter dem Akronym POUR zusammen: Perceivable, Operable, Understandable, Robust, auf Deutsch: wahrnehmbar, bedienbar, verständlich, robust.
1. Wahrnehmbar
Inhalte müssen so aufbereitet sein, dass alle Nutzer sie mit ihren Sinnen erfassen können. Das bedeutet:
- Textalternativen für Bilder, Grafiken und Icons (Alt-Texte), damit Screenreader den Inhalt vorlesen können.
- Untertitel und Transkripte für Video- und Audioinhalte.
- Ausreichende Farbkontraste zwischen Text und Hintergrund (dazu gleich mehr).
- Inhalte dürfen sich nicht allein auf Farbe verlassen, ein rot markierter Pflichtfeldhinweis muss z. B. zusätzlich durch Text oder Symbol erkennbar sein.
2. Bedienbar
Die Website muss vollständig nutzbar sein, auch ohne Maus. Wichtige Aspekte:
- Vollständige Tastaturbedienbarkeit: Alle Funktionen müssen per Tab-Taste erreichbar und bedienbar sein.
- Sichtbarer Fokus: Nutzer müssen jederzeit sehen, wo sie sich gerade befinden.
- Genügend Zeit: Zeitlimits (etwa bei Formularen) müssen anpassbar oder verlängerbar sein.
- Keine blitzenden Inhalte, die epileptische Anfälle auslösen könnten.
3. Verständlich
Inhalte und Bedienung müssen nachvollziehbar sein:
- Klare, einfache Sprache und eine logische Struktur.
- Vorhersehbares Verhalten: Navigation und Interaktionselemente funktionieren konsistent.
- Hilfreiche Fehlermeldungen: Wenn ein Formular fehlerhaft ausgefüllt wurde, muss klar sein, was zu korrigieren ist.
4. Robust
Ihre Website muss zuverlässig mit unterschiedlichen Technologien funktionieren, insbesondere mit assistiven Technologien wie Screenreadern. Das erreichen Sie durch valides, semantisches HTML und den korrekten Einsatz von ARIA-Attributen dort, wo Standard-HTML nicht ausreicht.
Was Level AA konkret bedeutet
Die WCAG kennt drei Konformitätsstufen: A (Mindestanforderung), AA (mittlere, breit geforderte Stufe) und AAA (höchste Stufe). Für nahezu alle rechtlichen Vorgaben im DACH-Raum ist Level AA der Maßstab. Level AAA ist in der Praxis für ganze Websites oft nicht realistisch umsetzbar.
Einige der wichtigsten AA-Anforderungen, die über Level A hinausgehen, sind:
Kontrastverhältnisse
Text muss ein Kontrastverhältnis von mindestens 4,5:1 gegenüber dem Hintergrund aufweisen. Für großen Text (ab ca. 18 Punkt bzw. 14 Punkt fett) genügen 3:1. Grafische Bedienelemente und Zustandsindikatoren benötigen ebenfalls mindestens 3:1.
Dies ist einer der am häufigsten übersehenen Punkte, gerade bei modernen, hellen Designs mit grauen Texten auf weißem Grund. Ein kostenloses Kontrast-Prüftool schafft hier schnell Klarheit.
Responsives Verhalten und Text-Skalierung
Text muss sich auf 200 % vergrößern lassen, ohne dass Inhalte verloren gehen oder die Funktionalität leidet. Zudem müssen Inhalte auch bei einer Fensterbreite von 320 Pixeln (Reflow) ohne horizontales Scrollen nutzbar sein, ein Aspekt, der eng mit gutem responsivem Webdesign verknüpft ist.
Konsistente Navigation und Beschriftungen
Wiederkehrende Navigationselemente müssen an konsistenter Stelle erscheinen. Beschriftungen und Überschriften müssen aussagekräftig sein, sodass sich Nutzer schnell orientieren können.
Fehlerbehandlung in Formularen
Bei Level AA müssen Fehler nicht nur benannt, sondern auch mit konkreten Korrekturhinweisen versehen werden. Bei sensiblen Aktionen (etwa Bestellungen oder rechtsverbindlichen Eingaben) müssen Nutzer ihre Angaben überprüfen und korrigieren können.
Der rechtliche Rahmen im DACH-Raum
Gerade für private Unternehmen lohnt ein genauer Blick auf die Gesetzeslage, denn hier hat sich einiges bewegt.
Deutschland: Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt den European Accessibility Act um. Es verpflichtet zahlreiche private Anbieter, darunter Online-Shops, Anbieter von Bankdienstleistungen, E-Books oder Telekommunikationsdiensten, dazu, ihre digitalen Angebote barrierefrei zu gestalten. Kleinstunternehmen (unter 10 Mitarbeitenden und maximal 2 Mio. EUR Jahresumsatz) sind bei Dienstleistungen teilweise ausgenommen, sollten das Thema aber dennoch ernst nehmen.
Österreich: Auch hier wird der European Accessibility Act über nationale Gesetze umgesetzt und erweitert die Pflichten für private Unternehmen deutlich.
Schweiz: Das Behindertengleichstellungsgesetz (BehiG) verpflichtet primär öffentliche Stellen; für private Anbieter wächst der Druck jedoch, etwa über Erwartungen von Kunden und Geschäftspartnern.
Unabhängig von der konkreten Pflicht gilt: Wer frühzeitig handelt, vermeidet teure Nachbesserungen und rechtliche Risiken. Ein nicht barrierefreier Online-Shop kann im schlimmsten Fall zu Abmahnungen oder Bußgeldern führen.
So gehen Sie die Umsetzung an
Der Weg zur barrierefreien Website muss kein Großprojekt sein, das alles auf einmal umkrempelt. Ein strukturiertes Vorgehen hilft:
1. Bestandsaufnahme durchführen. Lassen Sie Ihre Website mit einem Audit prüfen. Automatisierte Tools wie WAVE oder axe decken viele Probleme auf, ersetzen aber keine manuelle Prüfung, etwa der Tastaturbedienung oder der Verständlichkeit.
2. Prioritäten setzen. Konzentrieren Sie sich zunächst auf die meistbesuchten Seiten und geschäftskritischen Prozesse: Startseite, Produktseiten, Kontaktformular, Checkout. Hier haben Verbesserungen die größte Wirkung.
3. Quick Wins umsetzen. Viele Punkte lassen sich vergleichsweise schnell verbessern: Alt-Texte ergänzen, Farbkontraste anpassen, aussagekräftige Linktexte statt "hier klicken", sinnvolle Überschriftenhierarchie.
4. Technische Basis stärken. Semantisches HTML, saubere Formularbeschriftungen und eine durchdachte Fokus-Steuerung bilden das Fundament. Hier ist häufig die Unterstützung erfahrener Webentwickler sinnvoll.
5. Barrierefreiheit dauerhaft verankern. Machen Sie Accessibility zum festen Bestandteil Ihres Redaktions- und Entwicklungsprozesses. Jeder neue Inhalt, jedes neue Feature sollte von Anfang an barrierefrei gedacht werden.
Eine Erklärung zur Barrierefreiheit auf Ihrer Website, mit Angaben zum Stand der Umsetzung und einer Kontaktmöglichkeit für Feedback, schafft zusätzlich Transparenz und ist in vielen Fällen ohnehin vorgeschrieben.
Fazit
Die WCAG 2.1 Level AA Anforderungen wirken auf den ersten Blick umfangreich, folgen aber einer klaren Logik: Inhalte sollen wahrnehmbar, bedienbar, verständlich und robust sein. Für Unternehmen im DACH-Raum ist Barrierefreiheit nicht länger nur eine Frage guten Willens, sondern zunehmend eine rechtliche Notwendigkeit, und gleichzeitig eine Chance, mehr Menschen zu erreichen und die Qualität der eigenen Website spürbar zu steigern.
Der beste Zeitpunkt, das Thema anzugehen, ist jetzt. Beginnen Sie mit einer Bestandsaufnahme, setzen Sie klare Prioritäten und verankern Sie Barrierefreiheit langfristig in Ihren Prozessen. So schaffen Sie eine Website, die für alle Nutzer zugänglich, rechtlich abgesichert und zukunftsfähig ist. Wenn Sie dabei Unterstützung wünschen, von der Analyse bis zur Umsetzung, begleiten wir Sie gerne auf diesem Weg.
