WCAG-Konformitätsstufen A, AA, AAA im Vergleich

1. Was WCAG-Konformitätsstufen wirklich bedeuten

Die Web Content Accessibility Guidelines (WCAG) gliedern sich in Prinzipien, Richtlinien und einzelne Erfolgskriterien, und jedes dieser Kriterien ist genau einer von drei Konformitätsstufen zugeordnet: A, AA oder AAA. Wichtig ist dabei ein oft übersehenes Detail: Die Stufen sind kumulativ. Level AA umfasst automatisch alle Kriterien von Level A, und Level AAA umfasst zusätzlich alle Kriterien von A und AA. Es handelt sich also nicht um drei getrennte Kataloge, sondern um eine gestaffelte Anforderungshierarchie, die mit jeder Stufe strenger und umfassender wird.

Ein häufiges Missverständnis lautet, AAA sei einfach "die beste, vollständigste Barrierefreiheit" und deshalb immer anzustreben. Das W3C selbst widerspricht dem ausdrücklich in den offiziellen WCAG-Dokumenten: Nicht jedes AAA-Kriterium lässt sich für jeden Inhaltstyp erfüllen, und manche Kriterien stehen sogar in Konflikt mit anderen Zielen einer Website. Die drei Stufen spiegeln also keine reine Qualitätsskala wider, sondern eine Abwägung zwischen erreichbarem Nutzen, technischem Aufwand und universeller Anwendbarkeit über alle Content-Typen hinweg.

2. Level A: die absoluten Mindestanforderungen

Level A deckt die Kriterien ab, ohne die Inhalte für bestimmte Nutzergruppen vollständig unzugänglich bleiben, nicht nur unkomfortabel. Dazu gehören Alternativtexte für informative Bilder (1.1.1), vollständige Tastaturbedienbarkeit ohne Maus (2.1.1), das Fehlen von Tastaturfallen (2.1.2), programmatisch auswertbare Struktur für Screenreader (1.3.1) sowie eine korrekte Name-Rolle-Wert-Zuordnung für alle interaktiven Komponenten (4.1.2). Diese Kriterien verhindern harte Blockaden: Ein Formular, das per Tastatur nicht bedienbar ist, oder ein Bild ohne Alt-Text in einem Link, lässt Nutzer von Screenreadern oder Tastatursteuerung komplett außen vor, nicht nur eingeschränkt.

Genau deshalb ist Level A als alleiniges Ziel praktisch nie ausreichend. Es beseitigt die gravierendsten Zugangshürden, lässt aber viele Kriterien aus, die für die tägliche Nutzbarkeit entscheidend sind, etwa Farbkontrast oder Textskalierung. Das folgende Beispiel zeigt typische Level-A-Grundlagen in einem Hyvä-Formular: verknüpfte Labels, sinnvoller Alt-Text und ein per Tastatur bedienbares Custom-Element.

<!-- Level A: form fields need a programmatically associated label -->
<form novalidate>
  <div class="mb-4">
    <label for="email" class="block text-sm font-medium mb-1">E-Mail-Adresse</label>
    <input type="email" id="email" name="email" required
           aria-describedby="email-hint email-error"
           class="border rounded px-3 py-2 w-full">
    <p id="email-hint" class="text-xs text-gray-500">Wir verwenden diese Adresse nur für die Bestellbestätigung.</p>
    <p id="email-error" class="text-xs text-red-600" role="alert" hidden>Bitte eine gültige E-Mail-Adresse eingeben.</p>
  </div>

  <!-- Level A: informative images need meaningful alt text -->
  <img src="/media/badge-versand.svg" alt="Kostenloser Versand ab 50 Euro" width="120" height="40">

  <!-- Level A: custom controls must be keyboard operable and focusable -->
  <div role="button" tabindex="0" id="add-to-cart"
       x-on:click="addToCart()" x-on:keydown.enter="addToCart()" x-on:keydown.space.prevent="addToCart()">
    In den Warenkorb
  </div>
</form>

3. Level AA: der realistische Zielstandard

Level AA fügt Kriterien hinzu, die den größten spürbaren Unterschied für die breite Masse der Nutzer machen: Mindestkontrast von 4,5:1 für Normaltext und 3:1 für großen Text (1.4.3), Skalierbarkeit des Textes bis 200 Prozent ohne Funktions- oder Inhaltsverlust (1.4.4), Reflow der Inhalte bis 400 Prozent Zoom ohne horizontales Scrollen (1.4.10), ein sichtbarer Fokusindikator (2.4.7), konsistente Navigation über Seiten hinweg (3.2.3) sowie konkrete Fehlervorschläge bei Formularfehlern (3.3.3). Diese Kriterien sind mit vertretbarem Aufwand für praktisch jeden Content-Typ erreichbar, ohne Designentscheidungen grundlegend zu verändern.

Aus genau diesem Grund ist Level AA die Stufe, auf die sich nahezu alle relevanten Gesetze und Normen weltweit beziehen, von der europäischen EN 301 549 über das deutsche BFSG bis zur gängigen Rechtsprechung zum US-amerikanischen ADA. AA ist der Punkt, an dem Nutzen und Aufwand in einem für kommerzielle Websites vertretbaren Verhältnis stehen. Das folgende CSS-Beispiel zeigt zwei typische AA-Anforderungen: kontrastsichere Farbwerte und einen sichtbaren Fokusring, der nicht per outline: none entfernt wird.

/* AA: contrast ratio at least 4.5:1 for normal text, 3:1 for large text */
:root {
  --color-text: #1f2937;      /* on white background: ratio approx. 12.6:1 */
  --color-link: #1d4ed8;      /* on white background: ratio approx. 8.6:1 */
  --color-muted: #4b5563;     /* on white background: ratio approx. 7.1:1, safely above 4.5:1 */
}

/* AA: focus indicator must stay visible, never remove it with outline: none */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

/* AA: content must reflow at 400% zoom without horizontal scrolling */
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
}

4. Level AAA: warum es selten vollständig gefordert wird

Level AAA enthält die strengsten Kriterien der WCAG: Gebärdensprachdolmetschung für Videos (1.2.6), erweiterte Audiodeskription (1.2.7), verstärkter Kontrast von 7:1 (1.4.6), Linktexte, die auch ohne umgebenden Kontext verständlich sind (2.4.9), kontextsensitive Hilfe an jeder Formularstelle (3.3.5), ein maximales Lese- und Sprachniveau der Sekundarstufe I (3.1.5) sowie der vollständige Verzicht auf Zeitlimits ohne Ausnahme (2.2.3). Jedes einzelne dieser Kriterien ist sinnvoll, aber in Kombination und über eine ganze Website hinweg praktisch kaum vollständig umsetzbar.

Das W3C weist selbst darauf hin, dass eine vollständige AAA-Konformität für ganze Websites nicht als generelles Ziel empfohlen wird, weil nicht jedes Kriterium für jeden Inhaltstyp erfüllbar ist. Gebärdensprachdolmetschung für jedes einzelne Produktvideo eines Online-Shops zu produzieren, ist wirtschaftlich kaum realistisch. Ein Lese- und Sprachniveau der Sekundarstufe I steht zudem oft im Widerspruch zu Fachtexten, etwa technischen Produktdatenblättern. Aus diesem Grund schließen sowohl EN 301 549 als auch das deutsche BFSG Level AAA explizit aus dem verpflichtenden Umfang aus und referenzieren stattdessen konsequent Level AA.

5. Rechtlicher Rahmen: BFSG, EN 301 549 und die WCAG-Stufen

Das deutsche Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 bestimmte Produkte und Dienstleistungen für Verbraucher, darunter E-Commerce-Websites, Bankdienstleistungen und E-Books, zur Barrierefreiheit. Inhaltlich verweist das BFSG auf die europäische Norm EN 301 549, die wiederum WCAG 2.1 Level AA als harmonisierten technischen Maßstab definiert. Wer als Shop-Betreiber unter den Anwendungsbereich des BFSG fällt und Level AA umsetzt, erfüllt damit die zentrale inhaltliche Anforderung des Gesetzes. Level AAA taucht im BFSG an keiner Stelle als Pflicht auf.

Auch außerhalb Deutschlands konvergiert die Rechtslage auf denselben Standard: Die EU-Richtlinie 2016/2102 für öffentliche Stellen verlangt WCAG 2.1 Level AA, und in den USA zitiert die Rechtsprechung zum Americans with Disabilities Act (ADA) trotz fehlender expliziter technischer Vorgabe im Gesetzestext regelmäßig WCAG 2.1 AA als faktischen Nachweisstandard in Vergleichen und Urteilen. Für international tätige Shops bedeutet das: Level AA ist nicht nur die deutsche, sondern die global am weitesten anerkannte rechtliche Messlatte.

6. Erfolgskriterien je Stufe: konkrete Beispiele

Ein direkter Vergleich innerhalb desselben Prinzips macht den Unterschied zwischen den Stufen greifbar. Beim Prinzip "Wahrnehmbar" fordert Kriterium 1.4.3 auf Level AA einen Kontrast von mindestens 4,5:1, während das verwandte Kriterium 1.4.6 auf Level AAA einen verstärkten Kontrast von 7:1 verlangt, ohne das AA-Kriterium zu ersetzen. Beim Prinzip "Bedienbar" verlangt 2.4.4 auf Level A, dass ein Linkziel im Kontext erkennbar sein muss, etwa durch den umgebenden Satz, während 2.4.9 auf Level AAA fordert, dass der Linktext allein, ganz ohne Kontext, verständlich ist.

Die Nummerierung der Kriterien folgt dem Schema Richtlinie.Kriterium, etwa 1.4.3 für das dritte Kriterium der vierten Richtlinie im ersten Prinzip. Die offizielle WCAG-Quick-Reference des W3C lässt sich gezielt nach Konformitätsstufe filtern und ist damit das praktischste Nachschlagewerk, um für ein konkretes Feature zu prüfen, welches Kriterium auf welcher Stufe greift, bevor man mit der Umsetzung beginnt.

7. AAA-Kriterien gezielt nachrüsten

Auch wenn vollständige AAA-Konformität für die meisten kommerziellen Websites weder gefordert noch realistisch erreichbar ist, lohnt sich die gezielte Übernahme einzelner AAA-Kriterien dort, wo der Nutzen den Aufwand deutlich übersteigt. Verstärkter Kontrast von 7:1 für kritische Call-to-Action-Buttons wie den Kaufbutton kostet wenig, hilft aber Nutzern mit eingeschränktem Sehvermögen spürbar. Verständliche Linktexte ohne Kontextabhängigkeit verbessern zusätzlich die Screenreader-Navigation per Linkliste, ein Feature, das viele blinde Nutzer aktiv verwenden.

Besonders wirkungsvoll ist der Geist von Kriterium 2.2.3 (No Timing): Statt Sitzungen nach Ablauf einer festen Zeit ohne Vorwarnung zu beenden, bietet man eine unbegrenzte Verlängerungsoption an. Das kombiniert die AA-Anforderung 2.2.1 (Timing Adjustable) mit dem strengeren AAA-Prinzip, ohne die Session-Sicherheit aufzugeben. Wichtig für die Kommunikation nach außen: Solche punktuellen AAA-Ergänzungen sollten explizit dokumentiert werden, ohne dabei eine vollständige AAA-Konformität zu behaupten, die bei einer Prüfung nicht standhält.

// Combine AA "timing adjustable" with the AAA "no timing" spirit:
// never force a logout without an unlimited extension option
const SESSION_WARNING_MS = 60_000;
let sessionTimer;

function scheduleSessionWarning(sessionDurationMs) {
  clearTimeout(sessionTimer);
  sessionTimer = setTimeout(showExtendDialog, sessionDurationMs - SESSION_WARNING_MS);
}

function showExtendDialog() {
  const dialog = document.getElementById('session-extend-dialog');
  dialog.showModal();
  // Move focus into the dialog, keep it accessible via keyboard only
  dialog.querySelector('[data-action="extend"]').focus();
}

function extendSession() {
  fetch('/customer/section/extend', { method: 'POST' })
    .then(() => scheduleSessionWarning(getSessionDurationMs()));
}

8. Testen und Nachweisen: Tools, Audits, Erklärung

Konformität zu einer Stufe entsteht nicht durch eine einmalige Behauptung, sondern durch eine nachvollziehbare Testmethodik. Automatisierte Tools wie axe-core, die Lighthouse-Accessibility-Prüfung oder WAVE decken zuverlässig etwa 30 bis 40 Prozent aller WCAG-Kriterien ab, vor allem strukturelle und programmatisch prüfbare Aspekte wie fehlende Alt-Texte, Kontrastverstöße oder ungültiges ARIA-Markup. Der Rest, etwa die logische Lesereihenfolge, sinnvolle Fokusreihenfolge oder tatsächliche Screenreader-Verständlichkeit, erfordert manuelle Prüfung: Tastatur-only-Durchläufe und Tests mit echten Screenreadern wie NVDA oder VoiceOver.

Für den rechtssicheren Nachweis nach BFSG und EU-Richtlinie ist zusätzlich eine veröffentlichte Erklärung zur Barrierefreiheit vorgesehen, die die erreichte Konformitätsstufe, die verwendete Prüfmethodik, bekannte Ausnahmen und einen Feedback-Kontakt für Nutzer enthält. Diese Erklärung lässt sich strukturiert als schema.org-Metadaten hinterlegen, damit auch automatisierte Prüfsysteme und Suchmaschinen die dokumentierte Konformitätsstufe zuordnen können.

{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "url": "https://mironsoft.de/barrierefreiheit-erklaerung",
  "accessibilitySummary": "Konformitätsstufe WCAG 2.1 Level AA, ergaenzt um einzelne AAA-Kriterien.",
  "accessibilityConformance": "WCAG 2.1 Level AA",
  "accessibilityFeature": [
    "alternativeText",
    "structuralNavigation",
    "highContrastDisplay",
    "resizeText"
  ],
  "accessibilityHazard": "none",
  "lastReviewed": "2026-06-01",
  "author": { "@type": "Organization", "name": "Mironsoft" }
}

9. WCAG-Stufen im direkten Vergleich

In der praktischen Umsetzung, etwa in einem Hyvä-Theme, beginnt Level A mit strukturellen Grundlagen: Skip-Links, semantische Landmark-Elemente und eine logische Überschriftenhierarchie. Diese Grundlagen kosten in einem sauber aufgebauten Hyvä-Template kaum zusätzlichen Aufwand, weil das Theme ohnehin auf schlankes, semantisches HTML statt auf generische div-Suppen setzt. Genau das macht Hyvä-Shops zu einem strukturell günstigen Ausgangspunkt für Level AA.

<!-- Level A/AA baseline in a Hyva layout: skip link plus landmark roles -->
<a href="#main-content"
   class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:bg-white focus:px-4 focus:py-2 focus:rounded">
  Zum Hauptinhalt springen
</a>

<header role="banner">
  <nav aria-label="Hauptnavigation">…</nav>
</header>

<main id="main-content" role="main">
  <h1>Produktkatalog</h1>
  <!-- page content -->
</main>

<footer role="contentinfo">…</footer>

Die folgende Tabelle stellt fünf typische Anforderungsbereiche gegenüber und zeigt, was auf Level A allein noch fehlt, was Level AA als empfohlener Praxisstandard ergänzt, und welche AAA-Erweiterung optional darüber hinaus möglich ist.

Die Tabelle macht deutlich, warum sich der Aufwand zwischen den Stufen nicht linear verhält: Der Sprung von A zu AA bringt für nahezu jeden Nutzer spürbare Verbesserungen bei überschaubarem Umsetzungsaufwand, während der vollständige Sprung zu AAA in vielen Zeilen entweder kaum praktikabel oder inhaltlich mit anderen Kriterien schwer vereinbar ist. Genau deshalb bleibt die gezielte Auswahl einzelner AAA-Zeilen die wirtschaftlich sinnvollere Strategie gegenüber einer vollständigen, sitewide-AAA-Behauptung.

10. Zusammenfassung

Die WCAG-Konformitätsstufen A, AA und AAA bilden eine kumulative Hierarchie, keine drei getrennten Kataloge. Level A beseitigt die gravierendsten Zugangshürden, reicht als alleiniges Ziel aber praktisch nie aus. Level AA fügt die Kriterien hinzu, die für die breite Masse der Nutzer den größten Unterschied machen, etwa Kontrast, Skalierbarkeit und konsistente Navigation, und ist genau deshalb der Standard, auf den sich BFSG, EN 301 549 und die überwiegende internationale Rechtsprechung beziehen. Level AAA enthält die strengsten Kriterien, ist aber laut W3C selbst nicht als vollständiges, sitewide-Ziel für jede Website gedacht.

Die wirtschaftlich sinnvollste Strategie ist deshalb selten "alles oder nichts": Level AA als verbindliche Baseline umsetzen, testen und dokumentieren, und einzelne AAA-Kriterien dort gezielt ergänzen, wo der Nutzen für konkrete Nutzergruppen den Umsetzungsaufwand klar übersteigt, etwa verstärkter Kontrast bei kritischen Buttons oder der Verzicht auf erzwungene Zeitlimits. Wer diese Priorisierung sauber dokumentiert, erfüllt die gesetzlichen Anforderungen zuverlässig und liefert gleichzeitig spürbar mehr Nutzen als eine reine Minimalumsetzung von Level A.

11. FAQ: WCAG-Konformitätsstufen A, AA, AAA