Geprüft am 3.9.2026 · https://web.dev/?hl=de
1 kritische Barriere · zusätzlich 3 zu prüfen.
Wie kommt der Score zustande? (100 Startpunkte)
| 6 Link(s) ohne erkennbaren Namen im HTML | -18 |
| lang-Attribut ungültig: "de-x-mtfrom-en" | -7 |
| Keine <h1>-Überschrift im ausgelieferten HTML | -7 |
| 2 doppelte id-Attribute | -7 |
| Ergebnis | 61 / 100 |
Bedienbar
6 Link(s) ohne erkennbaren Namen im HTML
Leere Links oder nur ein Icon/Bild ohne alt. Ein per JavaScript gesetztes aria-label wird hier nicht erkannt.
<a href="https://web.dev/explore/ai?hl=de"><a href="https://web.dev/explore/how-to-optimize-inp?utm_source=web.de<a href="https://web.dev/identity?hl=de"><a href="https://web.dev/learn/html?hl=de">
Das solltest du tun: Sichtbaren Linktext ergänzen, oder bei Icon-Links aria-label bzw. ein Bild mit alt verwenden.
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).
Verständlich
lang-Attribut ungültig: "de-x-mtfrom-en"
Der Wert entspricht keinem gültigen Sprachcode (BCP 47).
<html>
Das solltest du tun: Auf einen gültigen Code korrigieren, z. B. lang="de" oder lang="de-DE".
Robust
2 doppelte id-Attribute
z. B. inp-optimieren, zahlungen-und-identitat. Bricht label-for- und aria-Zuordnungen.
[id]
Das solltest du tun: IDs eindeutig vergeben.
Schon richtig gelöst
- Textalternativen: keine automatisch erkennbaren Probleme
- Sprung-Link zum Inhalt vorhanden
- <main>-Landmark vorhanden
Nächste Schritte
- 6 Link(s) ohne erkennbaren Namen im HTML. Sichtbaren Linktext ergänzen, oder bei Icon-Links aria-label bzw. ein Bild mit alt verwenden.
- lang-Attribut ungültig: "de-x-mtfrom-en". Auf einen gültigen Code korrigieren, z. B. lang="de" oder lang="de-DE".
- Keine <h1>-Überschrift im ausgelieferten HTML. Eine aussagekräftige <h1> als erste Überschrift einfügen (möglichst schon serverseitig).
- 2 doppelte id-Attribute. IDs eindeutig vergeben.
Wöchentlicher Re-Scan, JS-gerendert, E-Mail bei neuen Barrieren — kommt bald.
Barrierefreiheitserklärung erstellen →
Methodik & Grenzen
Geprüft wurde am 3.9.2026 das HTML, das web.dev 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, Seitentitel 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.