Hopp til innholdet
Sjekk

Eksempelrapport

musterladen.example

Dette nettstedet er oppdiktet

Musterladen finnes ikke. Rapporten er laget på samme måte som et ekte enkeltskann, med de samme reglene, forklaringene og rettingene i kode, så du ser hva du får. Eierens svar i den guidede sjekken og erklæringen er også eksempler.

Sjekk din egen forside gratis

1 · Sammendrag

48 / 100

Tydelige barrierer

Dekning av WCAG 2.2 AA

  • Testet automatisk: 26 av 55 kriterier
  • Kan ikke testes automatisk: 29, trenger et menneske
Kritisk
58 steder · 2 feil
Alvorlig
161 steder · 3 feil
Moderat
6 steder · 1 feil
Lav
0 steder · 0 feil

225 steder med feil totalt

I tillegg 3 steder som må sjekkes for hånd, i 1 funn den automatiske sjekken ikke kunne avgjøre. Gå til lista

De fem viktigste tiltakene

  1. Bilder uten tekstalternativLegg til et alt-attributt som sier hva bildet viser, eller alt="" hvis det bare er pynt.
  2. Skjemafelt uten ledetekstKoble en synlig <label> til hvert felt med for og id.
  3. Tekst med for lite kontrastGjør teksten mørkere eller bakgrunnen lysere til vanlig tekst har 4,5:1 og stor tekst 3:1.
  4. Lenker uten navnGi lenken synlig tekst, eller en aria-label som sier hvor den fører.
  5. Tastaturfokuset vises ikkeGi lenker, knapper og felt en tydelig fokusstil, for eksempel en ramme i :focus-visible. Ikke fjern fokusrammen uten noe i stedet.
Nettsted
https://musterladen.example/
Sider sjekket
12
Dato
November 2, 2026
Tastatur- og layoutsjekk
7 sider
Standard
WCAG 2.2 nivå AA, EN 301 549

2 · Feil (6)

6 feil vises

  • KritiskBilder uten tekstalternativDen som bruker skjermleser, hører bare «bilde» eller et filnavn og får ikke vite hva bildet viser..product-tile > a > img46 steder9 sider

    Slik retter du det: Legg til et alt-attributt som sier hva bildet viser, eller alt="" hvis det bare er pynt.

    WCAG 1.1.1 Ikke-tekstlig innhold · EN 301 549 9.1.1.1

    Forslag til kode

    Et forslag laget ut fra HTML-en til elementet. Sjekk det før du bruker det.

    Før

    <img src="/media/sofa-oslo-grau.jpg" class="product-tile__image" width="480" height="360">

    Etter

    <img src="/media/sofa-oslo-grau.jpg" class="product-tile__image" width="480" height="360" alt="Describe what the image shows">

    Eksempler

    • https://musterladen.example/ · desktop.product-tile > a > img
      <img src="/media/sofa-oslo-grau.jpg" class="product-tile__image" width="480" height="360">
    • https://musterladen.example/sofas · desktop.product-tile > a > img
      <img src="/media/sofa-oslo-grau.jpg" class="product-tile__image" width="480" height="360">
    • https://musterladen.example/sofas/oslo-2-sitzer · desktop.product-tile > a > img
      <img src="/media/sofa-oslo-grau.jpg" class="product-tile__image" width="480" height="360">

    Sider med denne feilen

    • https://musterladen.example/
    • https://musterladen.example/kontakt
    • https://musterladen.example/leuchten
    • https://musterladen.example/sofas
    • https://musterladen.example/sofas/bergen-ecksofa
    • https://musterladen.example/sofas/oslo-2-sitzer
    • https://musterladen.example/tische
    • https://musterladen.example/tische/esstisch-lund
    • https://musterladen.example/warenkorb
  • KritiskSkjemafelt uten ledetekstDen som bruker skjermleser, vet ikke hva som skal fylles inn, og en plassholder som forsvinner når man skriver, hjelper heller ikke.footer .newsletter input[type="email"]12 steder12 sider

    Slik retter du det: Koble en synlig <label> til hvert felt med for og id.

    WCAG 4.1.2 Navn, rolle, verdi · EN 301 549 9.4.1.2

    Forslag til kode

    Et forslag laget ut fra HTML-en til elementet. Sjekk det før du bruker det.

    Før

    <input type="email" name="newsletter_email" placeholder="E-Mail-Adresse">

    Etter

    <label for="field-name">Field name</label>
<input type="email" name="newsletter_email" placeholder="E-Mail-Adresse" id="field-name">

    Eksempler

    • https://musterladen.example/ · desktopfooter .newsletter input[type="email"]
      <input type="email" name="newsletter_email" placeholder="E-Mail-Adresse">
    • https://musterladen.example/sofas · desktopfooter .newsletter input[type="email"]
      <input type="email" name="newsletter_email" placeholder="E-Mail-Adresse">
    • https://musterladen.example/sofas/oslo-2-sitzer · desktopfooter .newsletter input[type="email"]
      <input type="email" name="newsletter_email" placeholder="E-Mail-Adresse">

    Sider med denne feilen

    • https://musterladen.example/
    • https://musterladen.example/impressum
    • https://musterladen.example/kontakt
    • https://musterladen.example/leuchten
    • https://musterladen.example/sofas
    • https://musterladen.example/sofas/bergen-ecksofa
    • https://musterladen.example/sofas/oslo-2-sitzer
    • https://musterladen.example/tische
    • https://musterladen.example/tische/esstisch-lund
    • https://musterladen.example/ueber-uns
    • https://musterladen.example/versand
    • https://musterladen.example/warenkorb
  • AlvorligTekst med for lite kontrastFolk med nedsatt syn, og alle som leser på mobilen i sollys, sliter med å lese blek tekst..price--old118 steder12 sider

    Slik retter du det: Gjør teksten mørkere eller bakgrunnen lysere til vanlig tekst har 4,5:1 og stor tekst 3:1.

    WCAG 1.4.3 Kontrast (minimum) · EN 301 549 9.1.4.3

    Forslag til kode

    Et forslag laget ut fra HTML-en til elementet. Sjekk det før du bruker det.

    Før

    .price--old {
    color: #9a9a9a;
}

    Etter

    .price--old {
    color: #747474; /* 4.7:1 on #ffffff */
}

    Eksempler

    • https://musterladen.example/ · desktop.price--old
      <span class="price--old">1.299,00 €</span>
    • https://musterladen.example/sofas · desktop.price--old
      <span class="price--old">1.299,00 €</span>
    • https://musterladen.example/sofas/oslo-2-sitzer · desktop.price--old
      <span class="price--old">1.299,00 €</span>

    Sider med denne feilen

    • https://musterladen.example/
    • https://musterladen.example/impressum
    • https://musterladen.example/kontakt
    • https://musterladen.example/leuchten
    • https://musterladen.example/sofas
    • https://musterladen.example/sofas/bergen-ecksofa
    • https://musterladen.example/sofas/oslo-2-sitzer
    • https://musterladen.example/tische
    • https://musterladen.example/tische/esstisch-lund
    • https://musterladen.example/ueber-uns
    • https://musterladen.example/versand
    • https://musterladen.example/warenkorb
  • AlvorligLenker uten navnEn skjermleser sier bare «lenke», så man vet ikke hvor den fører. Det gjelder ofte lenker som bare er et ikon.footer .social > a:nth-child(1)36 steder12 sider

    Slik retter du det: Gi lenken synlig tekst, eller en aria-label som sier hvor den fører.

    WCAG 2.4.4 Formål med lenke (i kontekst) · EN 301 549 9.2.4.4WCAG 4.1.2 Navn, rolle, verdi · EN 301 549 9.4.1.2

    Forslag til kode

    Et forslag laget ut fra HTML-en til elementet. Sjekk det før du bruker det.

    Før

    <a href="https://instagram.com/musterladen" class="social__link">

    Etter

    <a href="https://instagram.com/musterladen" class="social__link" aria-label="Where the link goes">

    Eksempler

    • https://musterladen.example/ · desktopfooter .social > a:nth-child(1)
      <a href="https://instagram.com/musterladen" class="social__link"><svg class="icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle></svg></a>
    • https://musterladen.example/sofas · desktopfooter .social > a:nth-child(1)
      <a href="https://instagram.com/musterladen" class="social__link"><svg class="icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle></svg></a>
    • https://musterladen.example/sofas/oslo-2-sitzer · desktopfooter .social > a:nth-child(1)
      <a href="https://instagram.com/musterladen" class="social__link"><svg class="icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle></svg></a>

    Sider med denne feilen

    • https://musterladen.example/
    • https://musterladen.example/impressum
    • https://musterladen.example/kontakt
    • https://musterladen.example/leuchten
    • https://musterladen.example/sofas
    • https://musterladen.example/sofas/bergen-ecksofa
    • https://musterladen.example/sofas/oslo-2-sitzer
    • https://musterladen.example/tische
    • https://musterladen.example/tische/esstisch-lund
    • https://musterladen.example/ueber-uns
    • https://musterladen.example/versand
    • https://musterladen.example/warenkorb
  • AlvorligSkriptsjekkTastaturfokuset vises ikkeDen som bruker tastatur, ser ikke hvor de er, fordi ingenting endrer seg når elementet får fokus..main-nav__link7 steder7 sider

    Slik retter du det: Gi lenker, knapper og felt en tydelig fokusstil, for eksempel en ramme i :focus-visible. Ikke fjern fokusrammen uten noe i stedet.

    WCAG 2.4.7 Synlig fokus · EN 301 549 9.2.4.7

    Forslag til kode

    Et forslag laget ut fra HTML-en til elementet. Sjekk det før du bruker det.

    CSS

    .main-nav__link:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
}

    Eksempler

    • https://musterladen.example/ · desktop.main-nav__link
      <a href="/sofas" class="main-nav__link">Sofas</a>
    • https://musterladen.example/sofas · desktop.main-nav__link
      <a href="/sofas" class="main-nav__link">Sofas</a>
    • https://musterladen.example/sofas/oslo-2-sitzer · desktop.main-nav__link
      <a href="/sofas" class="main-nav__link">Sofas</a>

    Sider med denne feilen

    • https://musterladen.example/
    • https://musterladen.example/leuchten
    • https://musterladen.example/sofas
    • https://musterladen.example/sofas/bergen-ecksofa
    • https://musterladen.example/sofas/oslo-2-sitzer
    • https://musterladen.example/tische
    • https://musterladen.example/tische/esstisch-lund
  • ModeratFor små klikkflaterSmå eller tettpakkede knapper og lenker er vanskelige å treffe for folk med skjelving og på berøringsskjerm..quantity__step6 steder3 sider

    Slik retter du det: Gjør klikkflatene minst 24 × 24 piksler, eller la det være nok luft rundt dem.

    WCAG 2.5.8 Målstørrelse (minimum)

    Forslag til kode

    Et forslag laget ut fra HTML-en til elementet. Sjekk det før du bruker det.

    CSS

    .quantity__step {
    min-width: 24px;
    min-height: 24px;
}

    Eksempler

    • https://musterladen.example/ · desktop.quantity__step
      <button class="quantity__step" type="button">+</button>
    • https://musterladen.example/sofas · desktop.quantity__step
      <button class="quantity__step" type="button">+</button>
    • https://musterladen.example/sofas/oslo-2-sitzer · desktop.quantity__step
      <button class="quantity__step" type="button">+</button>

    Sider med denne feilen

    • https://musterladen.example/
    • https://musterladen.example/sofas
    • https://musterladen.example/sofas/oslo-2-sitzer

Sjekkes for hånd

Disse kunne ikke den automatiske sjekken avgjøre. De teller ikke i poengsummen. Se på hver av dem og avgjør om det er en feil.

  • Mulig alvorligTekst med for lite kontrastFolk med nedsatt syn, og alle som leser på mobilen i sollys, sliter med å lese blek tekst.3 steder1 mal

    Slik retter du det: Gjør teksten mørkere eller bakgrunnen lysere til vanlig tekst har 4,5:1 og stor tekst 3:1.

    WCAG 1.4.3 Kontrast (minimum) · EN 301 549 9.1.4.3

    Hvor det forekommer

    • .hero__title3 steder · 1 side

      Eksempler

      • https://musterladen.example/ · desktop.hero__title
        <h1 class="hero__title">Neu: die Kollektion Herbst</h1>

      Sider med denne feilen

      • https://musterladen.example/

3 · Dokumentasjon

Manuell sjekk

Dette er svarene eieren av nettstedet ga i den guidede manuelle sjekken, på 4 av 20 spørsmål. De er eierens egen vurdering, ikke en test fra Luentis.

  • Alt fungerer med tastaturWCAG 2.1.1 · WCAG 2.1.2 · 9. nov. 2026Ingen problemer funnet
  • Fokus er synlig og i logisk rekkefølgeWCAG 2.4.3 · WCAG 2.4.7 · WCAG 2.4.11 · 9. nov. 2026Problemer funnet
  • Ingenting endrer seg uventetWCAG 3.2.1 · WCAG 3.2.2 · 9. nov. 2026Ingen problemer funnet
  • Bildene er beskrevet på en meningsfull måteWCAG 1.1.1 · WCAG 1.4.5 · 9. nov. 2026Problemer funnet

Alle suksesskriteriene i WCAG 2.2 på nivå A og AA, med punktet i EN 301 549. «Ingen feil funnet automatisk» betyr bare at de automatiske reglene våre ikke fant noe. Det betyr ikke at kriteriet er oppfylt.

Suksesskriterier i WCAG 2.2 og resultater
WCAGKriteriumEN 301 549Resultat
1.1.1Ikke-tekstlig innhold9.1.1.1Feil funnet
1.2.1Bare lyd og bare video (forhåndsinnspilt)9.1.2.1Ingen feil funnet automatisk
1.2.2Teksting (forhåndsinnspilt)9.1.2.2Ingen feil funnet automatisk
1.2.3Synstolking eller mediealternativ (forhåndsinnspilt)9.1.2.3Kan ikke testes automatisk
1.2.4Teksting (direkte)9.1.2.4Kan ikke testes automatisk
1.2.5Synstolking (forhåndsinnspilt)9.1.2.5Kan ikke testes automatisk
1.3.1Informasjon og relasjoner9.1.3.1Ingen feil funnet automatisk
1.3.2Meningsfylt rekkefølge9.1.3.2Kan ikke testes automatisk
1.3.3Sensoriske egenskaper9.1.3.3Kan ikke testes automatisk
1.3.4Visningsretning9.1.3.4Ingen feil funnet automatisk
1.3.5Identifiser formål med inndata9.1.3.5Ingen feil funnet automatisk
1.4.1Bruk av farge9.1.4.1Ingen feil funnet automatisk
1.4.2Styring av lyd9.1.4.2Ingen feil funnet automatisk
1.4.3Kontrast (minimum)9.1.4.3Feil funnet
1.4.4Endring av tekststørrelse9.1.4.4Ingen feil funnet automatisk
1.4.5Bilder av tekst9.1.4.5Kontrollert av dere: problemer funnet
1.4.10Dynamisk tilpasning (Reflow)9.1.4.10Ingen feil funnet automatisk
1.4.11Kontrast for ikke-tekstlig innhold9.1.4.11Kan ikke testes automatisk
1.4.12Tekstavstand9.1.4.12Ingen feil funnet automatisk
1.4.13Pekerfølsomt innhold eller innhold ved tastaturfokus9.1.4.13Kan ikke testes automatisk
2.1.1Tastatur9.2.1.1Kontrollert av dere: ingen problemer funnet
2.1.2Ingen tastaturfelle9.2.1.2Kontrollert av dere: ingen problemer funnet
2.1.4Hurtigtaster som består av ett tegn9.2.1.4Kan ikke testes automatisk
2.2.1Justerbar hastighet9.2.2.1Ingen feil funnet automatisk
2.2.2Pause, stopp, skjul9.2.2.2Ingen feil funnet automatisk
2.3.1Terskelverdi på maksimalt tre glimt9.2.3.1Kan ikke testes automatisk
2.4.1Hoppe over blokker9.2.4.1Ingen feil funnet automatisk
2.4.2Sidetitler9.2.4.2Ingen feil funnet automatisk
2.4.3Fokusrekkefølge9.2.4.3Kontrollert av dere: problemer funnet
2.4.4Formål med lenke (i kontekst)9.2.4.4Feil funnet
2.4.5Flere måter9.2.4.5Kan ikke testes automatisk
2.4.6Overskrifter og ledetekster9.2.4.6Kan ikke testes automatisk
2.4.7Synlig fokus9.2.4.7Feil funnet
2.4.11Fokus ikke skjult (minimum)–Kontrollert av dere: problemer funnet
2.5.1Pekerbevegelser9.2.5.1Kan ikke testes automatisk
2.5.2Pekeravbrytelse9.2.5.2Kan ikke testes automatisk
2.5.3Ledetekst i navn9.2.5.3Ingen feil funnet automatisk
2.5.4Bevegelsesaktivering9.2.5.4Kan ikke testes automatisk
2.5.7Drabevegelser–Kan ikke testes automatisk
2.5.8Målstørrelse (minimum)–Feil funnet
3.1.1Språk på siden9.3.1.1Ingen feil funnet automatisk
3.1.2Språk på deler av innhold9.3.1.2Ingen feil funnet automatisk
3.2.1Fokus9.3.2.1Kontrollert av dere: ingen problemer funnet
3.2.2Inndata9.3.2.2Kontrollert av dere: ingen problemer funnet
3.2.3Konsekvent navigering9.3.2.3Kan ikke testes automatisk
3.2.4Konsekvent identifikasjon9.3.2.4Kan ikke testes automatisk
3.2.6Konsekvent hjelp–Kan ikke testes automatisk
3.3.1Identifikasjon av feil9.3.3.1Kan ikke testes automatisk
3.3.2Ledetekster eller instruksjoner9.3.3.2Ingen feil funnet automatisk
3.3.3Forslag ved feil9.3.3.3Kan ikke testes automatisk
3.3.4Forhindring av feil (juridiske feil, økonomiske feil, datafeil)9.3.3.4Kan ikke testes automatisk
3.3.7Overflødig inntasting–Kan ikke testes automatisk
3.3.8Tilgjengelig autentisering (minimum)–Kan ikke testes automatisk
4.1.2Navn, rolle, verdi9.4.1.2Feil funnet
4.1.3Statusbeskjeder9.4.1.3Kan ikke testes automatisk
Sider sjekket (12)
  • https://musterladen.example/
  • https://musterladen.example/sofas
  • https://musterladen.example/sofas/oslo-2-sitzer
  • https://musterladen.example/sofas/bergen-ecksofa
  • https://musterladen.example/tische
  • https://musterladen.example/tische/esstisch-lund
  • https://musterladen.example/leuchten
  • https://musterladen.example/warenkorb
  • https://musterladen.example/kontakt
  • https://musterladen.example/ueber-uns
  • https://musterladen.example/versand
  • https://musterladen.example/impressum