a11yglass · Barrierefreiheits-Check für Websites

Geprüft am 31.8.2026 · https://t3n.de/

C
72 / 100
0 kritisch · 4 zu prüfen

Keine kritischen Barrieren im geprüften HTML · 4 Punkte zum Nachprüfen.

Seit dem letzten Scan Score +11 · behoben: 1 · neu: 1
Wie kommt der Score zustande? (100 Startpunkte)
Keine <h1>-Überschrift im ausgelieferten HTML-7
Übersprungene Überschriften-Ebene-7
2 doppelte id-Attribute-7
1 CSS-Regel mit möglicherweise zu geringem Textkontrast-7
Ergebnis72 / 100
?Kontrast (1)TextalternativenBeschriftung?Struktur (2)SpracheZoom?Robustheit (1)

Wahrnehmbar

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

1 CSS-Regel mit möglicherweise zu geringem Textkontrast

Nötig: 4.5:1 (normal) bzw. 3:1 (großer Text). Bei „angenommenem Seitenhintergrund“ konnte der tatsächliche Hintergrund nicht sicher bestimmt werden — im Zweifel im Browser prüfen. Gefunden u. a.: `.deetqq`: #fff auf #f9423a = 3.58:1

.deetqq

Das solltest du tun: Textfarbe abdunkeln oder Hintergrund aufhellen, bis der jeweilige Mindestwert erreicht ist. Farbe nie als einziges Unterscheidungsmerkmal einsetzen.

Bedienbar

Zu prüfenWCAG 1.3.1 Info und Beziehungen / 2.4.6 Überschriften und Beschriftungen

Keine <h1>-Überschrift im ausgelieferten HTML

Jede Seite sollte mit genau einer h1 beginnen. Bei per JavaScript aufgebauten Seiten kann die h1 erst im Browser entstehen — dann im gerenderten DOM prüfen.

body

Das solltest du tun: Eine aussagekräftige <h1> als erste Überschrift einfügen (möglichst schon serverseitig).

Zu prüfenWCAG 1.3.1 Info und Beziehungen

Übersprungene Überschriften-Ebene

Reihenfolge: 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 4 → 4 → 3 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2. Ebenen sollten nicht übersprungen werden (h2 → h4).

h1–h6

Das solltest du tun: Überschriften-Ebenen lückenlos vergeben.

Robust

Zu prüfenWCAG 4.1.1 Parsen (veraltet, aber weiterhin relevant für Zuordnungen)

2 doppelte id-Attribute

z. B. prefix__a, dspx_scroller. Bricht label-for- und aria-Zuordnungen.

[id]

Das solltest du tun: IDs eindeutig vergeben.

Schon richtig gelöst

Nächste Schritte

  1. Keine <h1>-Überschrift im ausgelieferten HTML. Eine aussagekräftige <h1> als erste Überschrift einfügen (möglichst schon serverseitig).
  2. Übersprungene Überschriften-Ebene. Überschriften-Ebenen lückenlos vergeben.
  3. 2 doppelte id-Attribute. IDs eindeutig vergeben.
  4. 1 CSS-Regel mit möglicherweise zu geringem Textkontrast. Textfarbe abdunkeln oder Hintergrund aufhellen, bis der jeweilige Mindestwert erreicht ist. Farbe nie als einziges Unterscheidungsmerkmal einsetzen.
Diese Seite automatisch überwachen?

Wöchentlicher Re-Scan, JS-gerendert, E-Mail bei neuen Barrieren — kommt bald.

Barrierefreiheitserklärung erstellen →

Methodik & Grenzen

Geprüft wurde am 31.8.2026 das HTML, das t3n.de beim ersten Aufruf ohne Login ausliefert, plus bis zu vier verlinkte CSS-Dateien derselben Domain. Geprüft: Farbkontrast (aus CSS), Textalternativen, Formular-Beschriftung, Bedienelement-Namen, Überschriften-Struktur, Seiten­titel und -sprache, Zoom-Sperre, doppelte IDs, positive tabindex-Werte, Landmarks.

Nicht geprüft: alles, was per JavaScript entsteht, Tastatur-Bedienbarkeit, sichtbarer Fokus, Fokus-Reihenfolge, Screenreader-Ansage, Inhalte hinter Login, Unterseiten. Der automatische Test findet grob 20–35 % der WCAG-Verstöße — der Rest braucht eine manuelle Prüfung. Momentaufnahme, kein Rechtsurteil.

Andere Website prüfen