WCAG 2.2

WCAG 2.2 ist die aktuellste Version der Web Content Accessibility Guidelines, einem internationalen Standard für digitale Barrierefreiheit. Die Richtlinie beschreibt, wie Websites, Apps und Webshops so gestaltet werden, dass auch Menschen mit einer Seh-, Hör-, motorischen oder kognitiven Beeinträchtigung sie nutzen können. Für niederländische Unternehmen gilt seit 2018 eine gesetzliche Verpflichtung zur Barrierefreiheit öffentlicher Websites, und in der Praxis werden private Organisationen immer häufiger wegen Barrieren in ihren Online-Diensten zur Rechenschaft gezogen.

So funktioniert WCAG 2.2 in der Praxis

WCAG 2.2 besteht aus vier Grundprinzipien: wahrnehmbar, bedienbar, verständlich und robust. Innerhalb dieser Prinzipien gibt es 86 Erfolgskriterien, die jeweils eine konkrete Anforderung stellen. Dazu gehören beispielsweise ein ausreichender Farbkontrast zwischen Text und Hintergrund, die Navigation per Tastatur ohne Maus, klare Fehlermeldungen bei Formularen und Untertitel bei Videos. Jedes Kriterium hat eine Stufe: A (Basis), AA (gewünscht) oder AAA (optimal). Die meisten gesetzlichen Vorschriften und Best Practices zielen auf die Stufe AA ab. Die W3C-Quickref bietet eine vollständige Übersicht nach Kriterien. In der Praxis setzen Sie diese Kriterien in Designentscheidungen, Frontend-Code und Content-Strategie um. Ein gut konzipiertes Designsystem hilft dabei, Barrierefreiheit von Anfang an in den Komponenten zu verankern.

Warum WCAG 2.2 entstanden ist und was neu ist

WCAG 2.1 wurde 2018 eingeführt und konzentrierte sich vor allem auf die mobile Nutzung und Menschen mit kognitiven Einschränkungen. WCAG 2.2 ergänzt diese um neun neue Erfolgskriterien, darunter eine bessere Unterstützung für Sehbehinderte, Nutzer mit Tremor oder eingeschränkter Feinmotorik sowie Menschen, die Schwierigkeiten bei der Authentifizierung haben. Beispiele hierfür sind ein verbesserter Fokusindikator, konsistente Hilfe bei Formularen und eine Alternative zu CAPTCHAs. Das W3C veröffentlicht diese Aktualisierungen, um die Richtlinie mit neuen Technologien und Erkenntnissen aus der Nutzerforschung in Einklang zu bringen. Für Unternehmen bedeutet dies, dass bestehende Websites, die bereits die Anforderungen von 2.1 erfüllten, oft nur geringfügige Anpassungen benötigen, um auch die Anforderungen von 2.2 zu erfüllen.

Was WCAG 2.2 für Ihre Website bringt

Eine barrierefreie Website erreicht ein größeres Publikum: In Deutschland hat etwa 20 Prozent der Bevölkerung eine Form von Behinderung. Darüber hinaus wirkt sich Barrierefreiheit positiv auf Suchmaschinenalgorithmen aus, da sich viele Kriterien mit technischen SEO-Faktoren wie semantischem HTML, Geschwindigkeit und mobiler Benutzerfreundlichkeit überschneiden. Wenn Sie eine Website erstellen lassen, können Sie WCAG 2.2 direkt in den Design- und Entwicklungsprozess einbeziehen, was deutlich kostengünstiger ist als nachträgliche Anpassungen. Barrierefreiheit beugt zudem rechtlichen Risiken vor: Immer mehr Verbraucher und Interessenverbände gehen bei digitalen Barrieren vor Gericht. Für Online-Shops gilt darüber hinaus, dass ein barrierefreier Checkout unmittelbar zu einer höheren Konversionsrate führt, da Formulare einfacher und Fehlermeldungen klarer sind.

WCAG 2.2 ist nicht nur ein theoretischer Standard, sondern ein praktisches Instrument, das man in verschiedenen Situationen anwendet. In der Praxis sehen wir bei KMU vor allem drei Kontexte, in denen die Richtlinie einen unmittelbaren Mehrwert bietet: bei der Gestaltung neuer Websites, bei der Anpassung bestehender Webshops und bei der Erfüllung gesetzlicher Verpflichtungen. Darüber hinaus hängt es von der Art Ihrer Zielgruppe und Ihrer Branche ab, ob Sie den strengen AA-Standard anstreben oder ob ein weniger strenger Ansatz ausreicht.

Barrierefreie Gestaltung neuer Websites von Anfang an

Wenn Sie eine neue Website entwickeln lassen, können Sie WCAG 2.2 direkt in den Designprozess einbeziehen. Das bedeutet, dass Ihr Designer Farbkontraste prüft, Ihr Entwickler die Tastaturnavigation testet und Ihr Content-Redakteur Alt-Texte für Bilder verfasst. Eine Wirtschaftsprüfungsgesellschaft, die eine neue Website erstellt, wählt beispielsweise Schriftgrößen von mindestens 16 Pixel, nutzt Überschriften zur Strukturierung statt nur visueller Formatierung und versieht jedes Formularfeld mit Beschriftungen. Indem Sie diese Entscheidungen bereits beim Briefing berücksichtigen, vermeiden Sie spätere kostspielige Anpassungen. Unserer Erfahrung nach kostet die Integration von Barrierefreiheit bereits während der Entwurfsphase höchstens 10 Prozent zusätzliche Zeit, während nachträgliche Anpassungen oft 30 bis 40 Prozent des ursprünglichen Budgets in Anspruch nehmen.

Anpassung bestehender Webshops für breitere Zielgruppen

Für Webshops, die bereits seit Jahren in Betrieb sind, bietet WCAG 2.2 eine Checkliste zur Aufdeckung von Konversionsbarrieren. Ein Beispiel: Ein Webshop für Gartenartikel stellte fest, dass Kunden häufig beim Bezahlvorgang absprangen. Nach einem Barrierefreiheits-Audit stellte sich heraus, dass die Fehlermeldungen nur in roter Farbe angezeigt wurden, ohne textliche Erklärung. Menschen mit Farbenblindheit konnten den Fehler nicht erkennen. Durch die Ergänzung der Fehlermeldungen um ein Symbol und einen klaren Text stieg die Erfolgsquote beim Bezahlvorgang um 18 Prozent. Auch das neue Erfolgskriterium 2.4.11, „Focus Appearance“, hilft: Besucher, die mit der Tabulatortaste durch Ihren Webshop navigieren, sehen nun deutlich, welches Feld aktiv ist. Das verringert die Wahrscheinlichkeit von Eingabefehlern und erhöht die Benutzerfreundlichkeit für alle.

Einhaltung gesetzlicher Anforderungen und Ausschreibungskriterien

Ab dem 28. Juni 2025 verpflichtet die Europäische Barrierefreiheitsrichtlinie (European Accessibility Act) viele Online-Shops und Dienstleister zur Einhaltung der WCAG 2.1 Stufe AA. WCAG 2.2 baut darauf auf und wird häufig in Ausschreibungen und Förderbedingungen als Referenz genannt. Ein Beratungsunternehmen, das sich um kommunale Aufträge bewerben möchte, muss nachweisen, dass seine Website die Richtlinie erfüllt. Dies geschieht durch eine Barrierefreiheitserklärung, in der Sie angeben, welche Erfolgskriterien Sie erfüllen und wo noch Verbesserungsbedarf besteht. Auch bei B2B-Kunden im Gesundheitswesen, im Bildungswesen und in der öffentlichen Verwaltung wird Barrierefreiheit zunehmend zu einer festen Anforderung im Beschaffungsprozess. Durch die Einhaltung von WCAG 2.2 verschließt man sich diesen Möglichkeiten nicht von vornherein.

Wann WCAG 2.2 die richtige Wahl ist und wann nicht

WCAG 2.2 ist sinnvoll, wenn Sie ein breites Publikum ansprechen, gesetzlich dazu verpflichtet sind oder sich durch eine bessere UX einen Wettbewerbsvorteil verschaffen möchten. Für ein Einzelunternehmen mit einer einfachen Portfolio-Website ohne Formulare oder Interaktion ist die vollständige AA-Konformität oft überflüssig. In diesem Fall reicht es aus, die Grundprinzipien anzuwenden: lesbarer Text, klare Links und ein logischer Aufbau. Entscheiden Sie sich für die vollständige WCAG 2.2-Prüfung, wenn Ihr Webshop, Ihre Plattform oder Ihr Dienst interaktive Elemente enthält, wenn Sie sich an Ausschreibungen öffentlicher Auftraggeber beteiligen oder wenn Ihre Zielgruppe ältere Menschen oder Menschen mit einer Behinderung umfasst. Ziehen Sie einen weniger umfangreichen Ansatz in Betracht, wenn Ihre Website vor allem informativ ist, wenig Traffic generiert und Ihr Budget begrenzt ist. In diesem Fall können Sie schrittweise Verbesserungen über einen phasenweisen Webdesign-Prozess vornehmen, anstatt vorab ein vollständiges Audit durchzuführen.