Kontrollerad den 2026-09-03 · https://web.dev/?hl=de
1 kritiskt hinder · dessutom 3 att kontrollera.
Hur beräknas poängen? (100 startpoäng)
| 6 länk(ar) utan igenkännbart namn i HTML-koden | -18 |
| Ogiltigt lang-attribut: ”de-x-mtfrom-en” | -7 |
| Ingen <h1>-rubrik i den levererade HTML-koden | -7 |
| 2 dubbletta id-attribut | -7 |
| Resultat | 61 / 100 |
Hanterbar
6 länk(ar) utan igenkännbart namn i HTML-koden
Tomma länkar eller bara en ikon/bild utan alt. Ett aria-label som satts via JavaScript känns inte igen här.
<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">
Det här bör du göra: Lägg till synlig länktext, eller använd aria-label eller en bild med alt för ikonlänkar.
Ingen <h1>-rubrik i den levererade HTML-koden
Varje sida bör börja med exakt en h1. På sidor som byggs upp via JavaScript kan h1 uppstå först i webbläsaren — kontrollera då i den renderade DOM:en.
body
Det här bör du göra: Infoga en meningsfull <h1> som första rubrik (helst redan på serversidan).
Begriplig
Ogiltigt lang-attribut: ”de-x-mtfrom-en”
Värdet motsvarar ingen giltig språkkod (BCP 47).
<html>
Det här bör du göra: Rätta till en giltig kod, t.ex. lang="sv" eller lang="sv-SE".
Robust
2 dubbletta id-attribut
t.ex. inp-optimieren, zahlungen-und-identitat. Bryter label-for- och aria-kopplingar.
[id]
Det här bör du göra: Tilldela unika id.
Redan korrekt löst
- Textalternativ: inga automatiskt igenkännbara problem
- Hopplänk till innehållet finns
- <main>-landmärke finns
Nästa steg
- 6 länk(ar) utan igenkännbart namn i HTML-koden. Lägg till synlig länktext, eller använd aria-label eller en bild med alt för ikonlänkar.
- Ogiltigt lang-attribut: ”de-x-mtfrom-en”. Rätta till en giltig kod, t.ex. lang="sv" eller lang="sv-SE".
- Ingen <h1>-rubrik i den levererade HTML-koden. Infoga en meningsfull <h1> som första rubrik (helst redan på serversidan).
- 2 dubbletta id-attribut. Tilldela unika id.
Veckovis omskanning, JS-renderad, e-post vid nya hinder — kommer snart.
Skapa en tillgänglighetsredogörelse →
Metod & gränser
Den 2026-09-03 kontrollerades den HTML som web.dev levererar vid första besöket utan inloggning, plus upp till fyra länkade CSS-filer från samma domän. Kontrollerat: färgkontrast (från CSS), textalternativ, formulärmärkning, namn på kontroller, rubrikstruktur, sidtitel och sidspråk, zoomspärr, dubbletta id, positiva tabindex-värden, landmärken.
Inte kontrollerat: allt som skapas via JavaScript, tangentbordshanterbarhet, synligt fokus, fokusordning, skärmläsarutrop, innehåll bakom inloggning, undersidor. Det automatiska testet hittar ungefär 20–35 % av WCAG-överträdelserna — resten kräver en manuell granskning. En ögonblicksbild, inte ett juridiskt utlåtande.