Webbrapport
Tillbaka till startsidan
Exempelrapport

Webbrapport för exempelsidan.se

Så här kan en rapport från Webbrapport se ut. Exemplet visar en fiktiv webbshop och de viktigaste tillgänglighetsproblem som hittats vid senaste skanningen.

Tillgänglighetspoäng
72/ 100

Baserat på antal och allvarlighetsgrad av hittade problem.

Säkerhetsnivå
76/ 100

HTTPS, säkerhetsheaders och frågebaserad nulägeskoll.

Kritiska problem
6

Bör åtgärdas omgående.

Varningar
14

Bör ses över inom kort.

Top 5 viktigaste åtgärder

  1. 1Lägg till alt-text på 23 produktbilder i webbshoppen.
  2. 2Höj färgkontrasten i den primära knappen (nuvarande 3.1:1, krav 4.5:1).
  3. 3Koppla label till samtliga formulärfält i kassan.
  4. 4Säkerställ att alla knappar har ett tillgängligt namn (aria-label eller text).
  5. 5Rätta rubrikstrukturen på startsidan – just nu hoppar den från H1 till H4.

Exempel på problem

Ett urval av de problem som hittades vid skanningen.

KritiskWCAG 1.1.1·/produkt/ekologisk-bomullstroja

Bild saknar alt-text

Produktbilden har inget alt-attribut, vilket gör att skärmläsare inte kan beskriva bilden för besökare med synnedsättning.

KritiskWCAG 1.4.3·/

För låg färgkontrast

Knappen ”Köp nu” har kontrastförhållandet 3.1:1 mot bakgrunden. WCAG AA kräver minst 4.5:1 för normal text.

VarningWCAG 3.3.2·/kassa

Formulärfält saknar label

Fältet ”Telefonnummer” har endast en placeholder, vilket inte räcker för skärmläsare och försvinner när användaren börjar skriva.

VarningWCAG 2.4.4·/blogg

Länktext är otydlig

Flera länkar har texten ”Läs mer”. Det blir otydligt för användare som navigerar via skärmläsare och hoppar mellan länkar.

InfoWCAG 3.1.2·/om-oss

Sidan saknar språkattribut på underrubrik

En engelsk underrubrik saknar lang="en", vilket kan leda till att skärmläsare uttalar texten på fel språk.

Rekommendationer

Inför en checklista för tillgänglighet i ert publiceringsflöde – alt-text, kontrast och rubrikstruktur kontrolleras innan publicering.

Använd ett designsystem med färdiga, tillgängliga komponenter för knappar, formulär och länkar.

Schemalägg veckovis skanning så att nya tillgänglighetsproblem upptäcks direkt när webbplatsen uppdateras.

Utbilda redaktörer i grundläggande tillgänglighet – många av problemen i denna rapport går att åtgärda utan utvecklare.

Vill du se hur din egen webbplats står sig?

Lägg till din webbplats och få en rapport som denna inom några minuter.