ExempelrapportScannad 16 maj 2026 · 16:45

h****-bygg.se

Next.jsApp Router + shadcn/uiTjänsteföretag (övrigt)

LedningsvyHoppa till tech-vy ↓

38/ 100

Medelhög risk

Branschsnitt (Tjänsteföretag (övrigt))

58-20 vs er

Sidor scannade

Issues totalt

14-3 sedan förra

Fixbara av Granska

12/ 14

Top 3 prioriteringar

Sorterat på risk × ansträngning

01High

WCAG 4.1.2

Mobile-menu-toggle saknar aria-label

02Medium

WCAG 1.1.1

Hero-bild har tom alt

03Medium

WCAG 2.4.7

Custom buttons saknar focus-ring

Notera: Riskscore baseras på automatiserad scanning som typiskt fångar 30–40 % av WCAG-fel. Full EAA-bedömning kräver även manuell granskning av skärmläsar-flöde och tangentbordsnavigering.

Tech-vy · 4 issues med kodfixVisar 4 av 14

HighWCAG 4.1.2

Mobile-menu-toggle utan aria-label

Element

button.MenuToggle

Påverkan

Skärmläsare läser bara 'knapp' utan kontext.

components/MenuToggle.tsx

tsx

−<button onClick={() => setOpen(!open)}>
−  <MenuIcon />
−</button>
+<button
+  type="button"
+  onClick={() => setOpen(!open)}
+  aria-label={open ? "Stäng meny" : "Öppna meny"}
+  aria-expanded={open}
+  aria-controls="mobile-nav"
+>
+  <MenuIcon aria-hidden="true" />
+</button>

MediumWCAG 1.1.1

Hero-bild med tom alt-attribut

Element

Påverkan

Innehållsbild markerad som dekorativ; saknar beskrivning.

app/page.tsx

tsx

−<Image
−  src="/hero.jpg"
−  width={1200}
−  height={600}
−  alt=""
−/>
+<Image
+  src="/hero.jpg"
+  width={1200}
+  height={600}
+  alt="Byggteam i arbete med villaprojekt i Stockholm"
+/>

MediumWCAG 2.4.7

Custom buttons saknar synlig focus-ring

Element

button.cta-primary

Påverkan

Tangentbordsanvändare kan inte se vad som är fokuserat.

app/globals.css

css

−button:focus {
−  outline: none;
−}
+button:focus-visible {
+  outline: 2px solid #10b981;
+  outline-offset: 2px;
+}

LowWCAG 3.1.1

html-element saknar lang-attribut

Element

<html>

Påverkan

Skärmläsare uttalar svensk text med engelsk talsyntes.

app/layout.tsx

tsx

−<html>
−  <body>{children}</body>
−</html>
+<html lang="sv">
+  <body>{children}</body>
+</html>

Skanna er egen sajt

Detta är en exempelrapport. Få samma analys för er sajt på 60 sekunder.

Skanna gratis ▸