WCAG 2.1. – So wird deine Website WCAG konform

Ist meine Website WCAG konform? Erfüllt sie die gesetzlichen Vorschriften zu digitaler Barrierefreiheit? Diese Fragen beschäftigen immer mehr Unternehmen und Organisationen in der Schweiz. Ein professioneller WCAG 2.1 Audit ist dein erster Schritt zu einer barrierefreien Website, die alle Vorgaben erfüllt und allen Menschen offen steht.

Philipp Bremer, 24. September 2025

Collage die darstellt wie man durch Untersuchungen eine Webseite den WCAG Regeln konfrom machen kann.

Die Geschichte der WCAG: Warum entstanden die Standards?

WCAG 1.0 (1999): Der Anfang

«Ich bin drin!» – so Boris Becker Ende der 1990er in einer Werbekampagne für AOL online. Was für den Tennisstar galt, galt jedoch längst nicht für alle. Das World Wide Web Consortium (W3C) zeigte erstens auf, dass das Internet voller Hürden und für viele Menschen unzugänglich war. Zweitens formulierte es Richtlinien für Websites, damit Menschen nicht ausgeschlossen werden: Die Web Content Accessibility Guidelines (WCAG).

Die WCAG sind heute der internationale Standard für barrierefreie Web-Inhalte. Die erste Version WCAG 1.0 wurde 1999 erstmals veröffentlicht. Das Ziel: Alle Menschen sollten unabhängig von ihren Fähigkeiten oder technischen Hilfsmitteln das Internet nutzen können.

Die ersten Richtlinien legten den Grundstein für digitale Barrierefreiheit:

  • Alt-Texte für Bilder
  • Ausreichende Farbkontraste
  • Kompatibilität mit Screenreadern
  • Strukturierte HTML-Auszeichnung

WCAG 2.0 (2008): Der Paradigmenwechsel

Die WCAG 2.0 wurden 2008 durch die W3C als Standard für barrierefreie Web-Inhalte publiziert und kamen einer Revolution gleich. Während die WCAG 1.0 vor allem technische Anforderungen formulierten, rückten die WCAG 2.0 erstmals die Nutzer:innen und ihre Bedürfnisse ins Zentrum. Statt technologiegebundener Vorgaben entstanden vier universelle, menschzentrierte Prinzipien: POUR

  • Perceivable (Wahrnehmbar)
  • Operable (Bedienbar)
  • Understandable (Verständlich)
  • Robust (Robust)

Diese Prinzipien sind bis heute die Basis aller WCAG-Standards und machen die Richtlinien technologieneutral – egal ob Website, App oder zukünftige Technologien.

WCAG 2.1 (2018): Mobile und kognitive Barrierefreiheit

Die POUR-Prinzipien haben sich in den folgenden Jahren als adäquates Set von Anforderungen an barrierefreie Inhalte bewährt. Im Jahr 2018 wurden die WCAG 2.0 um 17 neue Erfolgskriterien zur Erfüllung der POUR-Prinzipien zu WCAG 2.1 erweitert. Damit konnte das Internet in drei wichtigen Bereichen zugänglicher gemacht werden:

  • Touch-Gesten für Menschen mit motorischen Einschränkungen
  • Orientierung und Displaygrösse (Inhalte bleiben verständlich – auch bei Zoom, Hoch/Querformat oder kleinem Screen)
  • Eingabemethoden und Zeigergesten (Bedienung ohne Maus oder präzises Tippen, z. B. per Tastatur, Sprachsteuerung oder alternativen Eingabegeräten)
  • Bessere Unterstützung für Vergrösserungssoftware
  • Anpassbare Textabstände
  • Reflow-Funktionalität (Inhalte passen sich beim Zoomen oder Verkleinern des Fensters neu an, ohne dass horizontales Scrollen nötig wird)
  • Zeitbasierte Inhalte (z. B. Videos, Livestreams oder Auto-Slideshows lassen sich pausieren, verlängern oder stoppen)
  • Animationen und Bewegung (bewegte Inhalte können reduziert oder deaktiviert werden, um Reizüberflutung und Motion-Sickness zu vermeiden)
  • Hilfestellungen bei komplexen Aufgaben (Formulare, mehrstufige Prozesse oder Online-Transaktionen bieten klare Rückmeldungen, Fehlermeldungen und Orientierung)

WCAG 2.2 (2023): Die neueste Evolution

Der aktuelle Standard WCAG 2.2 aus dem Jahr 2023 baut auf den bewährten Standards WCAG 2.0 und 2.1 auf. Es wurden 9 weitere Erfolgskriterien hinzugefügt. Der Fokus liegt auf zwei Hauptbereichen:

  • Bessere Hilfestellungen bei Authentifizierung (Login-Prozesse sind auch ohne komplexe Captchas oder schwierige Passworteingaben nutzbar (z. B. durch Passwort-Manager, Passkeys oder alternative Verfahren))
  • Redundante Eingaben vermeiden (Informationen müssen nicht mehrfach eingegeben werden, wenn sie bereits bekannt sind oder vorausgefüllt werden können)
  • Konsistente Hilfe-Mechanismen (Hilfestellungen wie Kontakt, FAQs, Chat oder Anleitungen befinden sich immer an derselben Stelle und funktionieren über Seiten hinweg gleich)
  • Grössere Touch-Targets (mindestens 24×24 CSS-Pixel – das heisst Buttons und Interaktionselemente sind gross genug, um sie auch mit eingeschraenkter Feinmotorik sicher zu treffen)
  • Alternative zu Drag-and-Drop-Gesten (Funktionen wie Verschieben oder Sortieren sind auch ohne Ziehen moeglich, z. B. ueber Buttons, Tastatur oder Kontextmenues)
  • Verbesserte Fokus-Indikatoren (Der sichtbare Fokusrahmen ist klar erkennbar, gut kontrastiert und nicht leicht zu verlieren – wichtig fuer Tastaturnavigation)

WCAG 2.2 bereitet zudem den nächsten Standard WCAG 3.0 vor, der noch umfassendere Änderungen bringen wird.

Wichtig: WCAG 2.0, WCAG 2.1 und WCAG 2.2 sind alle gültige Standards. WCAG 2.2 ersetzt oder verdrängt WCAG 2.1 nicht. Alle Versionen bleiben gültig und sind rückwärts kompatibel.

Was ist ein WCAG Audit und warum brauchst du ihn?

Ein WCAG Audit ist eine systematische Überprüfung deiner Website auf die Einhaltung der Web Content Accessibility Guidelines. 95,9% der Top 1’000’000 Homepages verletzen die WCAG – die Wahrscheinlichkeit ist also hoch, dass auch deine Website Verbesserungspotential hat.

Die drei Arten von WCAG-Überprüfungen

Umsetzung

Automatisierte Tests

  • Schnelle Identifikation technischer Probleme
  • Kostengünstige Erstanalyse
  • Erfassen nur etwa 20-30% aller Barrieren
Umsetzung orange

Manuelle Expert:innentests

  • Umfassende Analyse aller WCAG-Kriterien
  • Praxisnahe Bewertung der Nutzendenerfahrung
  • Konkrete Verbesserungsvorschläge
Analyse

Nutzer:innentests mit Menschen mit Behinderungen

  • Authentische Einblicke in reale Nutzungshürden
  • Feedback zu assistiven Technologien
  • Goldstandard für Barrierefreiheitstests

Unsere Audits berücksichtigen bereits die neuesten WCAG 2.2 Anforderungen!

Erfahre mehr über unser umfassendes Testing und sichere dir einen Wettbewerbsvorteil.

Zum Kontaktformular

Die vier Prinzipien der WCAG: POUR verstehen

Alle WCAG-Kriterien basieren auf vier fundamentalen Prinzipien:

Inhalte müssen für alle Nutzer:innen wahrnehmbar sein:

  • Alt-Texte für Bilder: Beschreibungen für Screenreader-Nutzer:innen
  • Untertitel für Videos: Zugang für gehörlose und schwerhörige Menschen
  • Ausreichende Kontraste: Mindestens 4,5:1 für normalen Text
  • Skalierbare Schriften: Bis zu 200% Vergrösserung ohne Funktionsverlust

Alle Funktionen müssen für verschiedene Eingabemethoden zugänglich sein:

  • Tastaturnavigation: Vollständige Bedienung ohne Maus
  • Ausreichend Zeit: Keine automatischen Timeouts ohne Warnung
  • Verzicht auf blinkende Elemente: Schutz vor epileptischen Anfällen
  • Sprungmarken: Effiziente Navigation durch die Seite

Inhalte und Bedienung müssen verständlich sein:

  • Klare Sprache: Einfache, verständliche Formulierungen
  • Logische Struktur: Konsistente Navigation und Layout
  • Hilfestellungen: Erklärungen für komplexe Formulare
  • Fehlerbehandlung: Verständliche Fehlermeldungen und Korrekturhilfen

Inhalte müssen mit verschiedenen Technologien kompatibel sein:

  • Semantisches HTML: Korrekte HTML-Struktur für assistive Technologien
  • Standards-Konformität: Validierung nach W3C-Standards
  • Kompatibilität: Funktioniert mit verschiedenen Browsern und Hilfsmitteln

WCAG-Konformitätsstufen: A, AA und AAA erklärt

Die WCAG enthalten 87 sogenannte Erfolgskriterien. 9 davon wurden in der Version 2.2 der WCAG ergänzt, 17 davon wurden in der Version 2.1 der WCAG ergänzt, 61 waren bereits in den WCAG 2.0 vorhanden.

Die Standards sind in drei Konformitätsstufen unterteilt:

Level A: Grundlegende Barrierefreiheit

  • Mindestanforderungen für die Zugänglichkeit
  • 30 Erfolgskriterien in WCAG 2.1
  • Basis für weitere Verbesserungen

Level AA: Empfohlener Standard

  • Zielstandard für die meisten Organisationen
  • 20 zusätzliche Erfolgskriterien
  • Es wird empfohlen, die WCAG 2.0 Konformität AA für optimale Barrierefreiheit zu erfüllen
  • Standard in der Schweiz und EU

Level AAA: Grösstmögliche Barrierefreiheit

  • Sehr spezifische und aufwändige Kriterien
  • Nicht für alle Inhalte anwendbar
  • Selten als Gesamtziel realistisch

Unser Tipp: Wir empfehlen, direkt auf WCAG 2.2 Level AA zu setzen. WCAG 2.2 ist zukunftssicherer, da es bald der neue Standard werden wird. Das W3C rät zur Verwendung von WCAG 2.2, um die zukünftige Anwendbarkeit von Barrierefreiheitsbemühungen zu maximieren, und das W3C hat WCAG 2.2 an die ISO übermittelt.

WCAG 2.1 ist der etablierte Standard und erfüllt alle aktuellen rechtlichen Anforderungen. WCAG 2.2 bietet zusätzliche Verbesserungen, besonders für mobile Geräte und kognitive Barrierefreiheit.

Unsere Empfehlung: Starte direkt mit WCAG 2.2 Kriterien – so bist du zukunftssicher aufgestellt und schliesst mehr Nutzer:innen ein.

Profitiere von allen Vorteilen der Barrierefreiheit!

Bei unserer Webentwicklung erstellen wir dir eine neue, vollständig WCAG-konforme Website von Anfang an – und das günstiger als bei nachträglichen Anpassungen.

Schreib uns ungeniert eine Mail

Fazit: WCAG als Schlüssel zu einem inklusiven Internet

Die WCAG-Standards haben sich seit 1999 kontinuierlich weiterentwickelt – von technischen Checklisten zu umfassenden Prinzipien für digitale Inklusion. WCAG 2.1 und 2.2 bieten heute ein ausgereiftes Framework für barrierefreie Websites.

Die wichtigsten Takeaways:

  • WCAG 2.1 Level AA ist der bewährte Standard für optimale Barrierefreiheit
  • WCAG 2.2 bringt zusätzliche Verbesserungen für mobile und kognitive Barrierefreiheit
  • Professionelle Audits decken deutlich mehr Barrieren auf als automatisierte Tools
  • WordPress-basierte Lösungen bieten nachhaltige Barrierefreiheit von Anfang an
  • POUR-Prinzipien sind zeitlos und technologieneutral

Ein WCAG Audit zeigt dir nicht nur Probleme auf, sondern auch Chancen: Chancen für mehr Reichweite, bessere Nutzererfahrungen und gesellschaftliche Verantwortung.

Starte jetzt deine Reise zur WCAG-konformen Website!

Wähle den für dich passenden ersten Schritt:

Gemeinsam schaffen wir ein Internet ohne Grenzen – für alle!

Referenzen

WebAIM (2024): The WebAIM Million – The 2024 report on the accessibility of the top 1,000,000 home pages.

Deque (2023): How much coverage is provided by automated accessibility testing tools available today? Depending on who you are talking to, the answer to this question usually varies anywhere between 20 and 30 percent.

W3C (1999): WCAG 1.0 was released in May 1999, comprising 14 guidelines and the A, AA, and AAA conformance level hierarchy.

W3C (2008): WCAG 2.0 was published on 11 December 2008.

Stiftung «Zugang für alle» (2025): Sie haben sich während knapp 10 Jahren als sehr adäquates Set von Anforderungen an barrierefreie Inhalte bewährt und wurden 2018 zu einer Version 2.1 erweitert.

W3C (2025): The W3C advises the use of WCAG 2.2 to maximize future applicability of accessibility efforts. W3C submitted WCAG 2.2 to ISO.

Über den Autor

Profilbild von Philipp Bremer

Philipp Bremer ist WordPress-Spezialist und Barrierefreiheits-Enthusiast in Zürich. Mit seiner Leidenschaft für inklusive Webentwicklung hilft er Unternehmen, NGOs und Einzelpersonen dabei, Websites zu schaffen, die wirklich für alle Menschen zugänglich sind.

Mehr über Philipp Bremer erfahren

Schon diese Artikel gelesen?

Wir glauben, dass da für jede:n was dabei ist: