WCAG 2.1 AA Barrierefreiheits-Audit erklärt (für KMU-Websites)

Stufe AA ist der Maßstab, den Ihre Website erfüllen muss, egal in welcher Jurisdiktion. Bei der Version gehen die Rechtsordnungen auseinander, und der Unterschied ist nicht kosmetisch. EAA/BFSG nennen selbst keine WCAG-Fassung, sie erreichen WCAG 2.1 AA über die harmonisierte Norm EN 301 549. Der ADA (Title III) nennt überhaupt keinen technischen Standard, die US-Rechtsprechung arbeitet faktisch mit 2.0 und später 2.1 AA. Der UK Equality Act 2010 nennt ebenfalls keine Fassung, britische öffentliche Stellen werden aber seit Oktober 2024 gegen WCAG 2.2 AA geprüft. Ontarios AODA verlangt weiterhin ausdrücklich WCAG 2.0 AA (O. Reg. 191/11 §14) und wurde nie geändert.

WCAG 2.2 AA ist eine echte Obermenge all dieser Fassungen. Deshalb ist es das sinnvolle Ziel, und deshalb prüft Veracly dagegen.

Ein WCAG-Audit ist die strukturierte Prüfung, wie weit Ihre Site von dieser Schwelle entfernt ist. Dieser Beitrag erklärt, was das Audit tut, den Unterschied zwischen Scan und manuellem Test, und die fünf Fixes, die auf den meisten KMU-Sites die Lücke schließen.

Die vier WCAG-Prinzipien

• Wahrnehmbar. Textalternativen für Bilder, Untertitel, ausreichender Farbkontrast, 200% Zoom.
• Bedienbar. Tastaturnavigation, keine nicht verlängerbaren Zeitlimits, keine epileptischen Auslöser, klare Fokus-Zustände.
• Verständlich. Sprache der Seite deklariert, konsistente Navigation, klare Fehlermeldungen.
• Robust. Valides HTML, korrektes ARIA, Status-Meldungen für Screenreader.

Was eine automatisierte Prüfung wirklich findet

Ein Scan mit axe-core (dieselbe Engine wie bei Deque, Microsoft, Google) erkennt zuverlässig:

• Bilder ganz ohne alt-Attribut. Ein leeres alt="" besteht die Prüfung, denn keine Maschine unterscheidet ein dekoratives von einem bedeutungstragenden Bild
• Unzureichender Farbkontrast
• Fehlende oder falsch verknüpfte Formular-Labels
• Buttons/Links ohne zugängliches Label
• Seite ohne lang-Attribut
• Leere Überschriften und Absätze, die wie Überschriften aussehen
• Iframes ohne Titel
• Falsch verwendete ARIA-Attribute
• Auto-abspielende Medien ohne Pause-Möglichkeit

Das ist der maschinell prüfbare Teil, und er ist kleiner, als Anbieter suggerieren: rund ein Drittel der WCAG-Erfolgskriterien lässt sich überhaupt maschinell prüfen, weshalb jeder Veracly-Bericht ein versioniertes Verzeichnis aller WCAG-2.2-Kriterien der Stufen A und AA enthält, das jedes Kriterium als teilweise automatisiert, als automatischen Prüfhinweis oder als nicht automatisiert kennzeichnet und angibt, was ein Mensch noch prüfen muss. Dieser Anteil enthält aber überproportional viele der Probleme, die in echten Beschwerden auftauchen, also genau das, was ein Screenreader-Nutzer in den ersten 30 Sekunden bemerkt.

Was nur ein manueller Test findet

Ein Scanner kann nicht beurteilen, ob Ihr Inhalt verständlich ist. Er kann nicht sagen, ob ein Alt-Text das Bild gut beschreibt, nur, ob ein Alt-Text existiert. Er kann nicht testen, ob die Tastatur-Reihenfolge sinnvoll ist, nur, ob Elemente erreichbar sind.

Die Überschriften-Reihenfolge gehört in dieselbe Kategorie. axe-core sieht zwar den Sprung von h1 auf h3, das ist aber ein Best-Practice-Signal und kein Verstoß gegen ein Erfolgskriterium. Veracly bewertet es deshalb in keiner Jurisdiktion. Ob Ihre Überschriftenstruktur die Seite tatsächlich beschreibt, bleibt eine menschliche Beurteilung.

Die fünf Fixes mit dem größten Hebel

1. Farbkontrast. Fließtext zu Hintergrund mindestens 4,5:1; großer Text 3:1. Die meisten Markenpaletten haben mindestens eine Kombination, die durchfällt.
2. Formular-Labels. Jedes <input> braucht ein <label for="...">. Placeholder ist kein Label.
3. Alt-Texte. Dekorativ → alt=""; informativ → Beschreibung; funktional → Aktion beschreiben.
4. Sichtbarer Fokus. Die meisten CSS-Resets entfernen den Default-Fokusring. Wieder hinzufügen.
5. Landmark-Struktur und Heading-Reihenfolge. Eine <h1> pro Seite; keine übersprungenen Ebenen.

Die Overlay-Falle

Overlay-Anbieter, accessiBe, AudioEye, UserWay, EqualWeb, verkaufen ein einzeiliges JavaScript-Snippet, das WCAG-Konformität verspricht. Die FTC hat accessiBe im Januar 2025 mit 1 Mio. USD belegt, genau dafür. Begründung: Overlays können Intention nicht erkennen und raten oft falsch. Für die Vermeidung von Klagen sind Overlays schlechter als nichts.

Veracly führt axe-core gegen Ihr echtes DOM aus und bewertet gegen die Obermenge WCAG 2.2 AA, also die Regelsätze 2.0, 2.1 und 2.2 A/AA zusammen. Jeder eindeutige Verstoß wird mit dem konkreten Selektor gemeldet: bis zu drei fehlerhafte Elemente pro Problem im kostenlosen Scan, fünf im bezahlten.

Prüfungen, die axe nicht entscheiden kann, werden im Bericht als nicht eindeutig aufgeführt und nicht bewertet, denn ein Vielleicht ist kein Befund. Das hat einen realen Preis, den Sie kennen sollten: Text über einem Foto, einem Farbverlauf oder einer halbtransparenten Fläche landet meist genau dort und erscheint deshalb als Prüfpunkt statt als Kontrastfehler in Ihrem Bericht; ein Mensch sollte ihn prüfen.

Eine Prüfung bewertet gleichzeitig gegen alle Regelwerke, die für Ihre Zielmärkte gelten: EAA/BFSG, ADA, UK Equality Act und, wenn Kanada im Scope ist, AODA. Ein kostenloser Scan umfasst eine Seite und leitet ein einziges Land ab, erzeugt also nicht alle vier Karten. Entwicklergerechte Fixes entstehen nur in bezahlten Scans. Kostenlosen Scan starten.