ExempelrapportScannad 18 maj 2026 · 14:23

k****.se

ShopifyDawn 12.xE-handel

LedningsvyHoppa till tech-vy ↓

67/ 100

Hög risk

Branschsnitt (E-handel)

58+9 vs er

Sidor scannade

247

Issues totalt

47+12 sedan förra

Fixbara av Granska

31/ 47

Top 3 prioriteringar

Sorterat på risk × ansträngning

01Critical

WCAG 1.4.3

Höj kontrast på checkout-CTA

02Critical

WCAG 1.1.1

Lägg alt-text på 42 produktbilder

03High

WCAG 4.1.2

Variant-pickers utan fieldset

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

Tech-vy · 5 issues med kodfixVisar 5 av 47

CriticalWCAG 1.4.3

Otillräcklig kontrast i checkout-knapp

Element

button.cart__checkout-button

Påverkan

Blockerar konvertering för synskadade. Knappen är osynlig för 12 % av kunder vid normalt ljus.

sections/cart-cta.liquid

liquid

−<button
−  type="submit"
−  name="checkout"
−  class="cart__checkout-button"
−  style="background: #aaa; color: #fff;"
−>
+<button
+  type="submit"
+  name="checkout"
+  class="cart__checkout-button"
+  style="background: #0f172a; color: #ffffff;"
+  aria-label="{{ 'cart.general.checkout' | t }}"
+>

CriticalWCAG 1.1.1

Saknad alt-text på 42 produktbilder

Element

img.product__media (×42)

Påverkan

Skärmläsare läser inte produktnamn, påverkar beslutsfattande och köp.

snippets/product-image.liquid

liquid

−<img
−  src="{{ image | image_url: width: 800 }}"
−  loading="lazy"
−/>
+{%- assign alt_fallback = product.title -%}
+<img
+  src="{{ image | image_url: width: 800 }}"
+  alt="{{ image.alt | default: alt_fallback | escape }}"
+  loading="lazy"
+  decoding="async"
+/>

HighWCAG 4.1.2

Variant-pickers utan tillgängliga namn

Element

input.product-form__variant (×18)

Påverkan

Skärmläsare grupperar inte färg-/storleksval, vilket gör det omöjligt att förstå alternativ.

snippets/product-variant-picker.liquid

liquid

−{%- for option in product.options_with_values -%}
−  {%- for value in option.values -%}
−    <input type="radio" name="options[{{ option.name }}]" />
−  {%- endfor -%}
−{%- endfor -%}
+{%- for option in product.options_with_values -%}
+  <fieldset class="product-form__input">
+    <legend class="form__label">{{ option.name }}</legend>
+    {%- for value in option.values -%}
+      <input type="radio"
+             id="{{ option.name }}-{{ value | handle }}"
+             name="options[{{ option.name | escape }}]" />
+      <label for="{{ option.name }}-{{ value | handle }}">
+        {{ value }}
+      </label>
+    {%- endfor -%}
+  </fieldset>
+{%- endfor -%}

HighWCAG 4.1.3

Cart-bekräftelse utan aria-live

Element

div.cart-notification

Påverkan

'Tillagd i varukorgen' annonseras inte till skärmläsare.

sections/cart-notification.liquid

liquid

−<div class="cart-notification">
−  {{ 'products.product.added' | t }}
−</div>
+<div
+  class="cart-notification"
+  role="status"
+  aria-live="polite"
+  aria-atomic="true"
+>
+  {{ 'products.product.added' | t }}
+</div>

MediumWCAG 1.4.4

Mobil-vy blockerar zoom till 200%

Element

Påverkan

Användare med synnedsättning kan inte förstora text.

layout/theme.liquid

html

−<meta name="viewport"
−      content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1">
+<meta name="viewport"
+      content="width=device-width, initial-scale=1">

Skanna er egen sajt

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

Skanna gratis ▸