Så här ser en riktig efterlevnadsdokumentation ut
Detta är inget marknadsföringsexempel och ingen sammanfattning. Nedan ser du en fullständig, oavkortad rapport, genererad av exakt samma skanningsmotor som snart också prövar din plattform löpande.
Vad detta exempel visar
En riktig skanning, ingen iscensättning
Gjord i vår egen demomiljö med medvetet inbyggda fel. Inte sammanställd eller anpassad för presentation.
Samma motor som i produktion
Det här är exakt samma skanning och djup som strax bedömer dina sidor, byggd på axe-core, samma motor som Google Lighthouse använder.
Oavkortad, rad för rad
Varje fynd inklusive exakt placering och konkret korrigering. Inget utelämnat, inget tillrättalagt.
Skalbar från en enda webbshop till enterprise
Samma norm, samma djup och samma bevisunderlag, oavsett din plattforms omfattning.
Så togs det här exemplet fram
Det här är en riktig skanning av vår egen demobutik ’Nordlys Living’, en fiktiv webbutik där vi har lagt in de fel vi oftast stöter på i verkligheten: bilder utan alt-text, för låg färgkontrast, ett fält utan etikett, en knapp och en länk utan namn. Du kan själv ta en titt på demosidan. Inget i den här rapporten är påhittat eller uppförstorat, det motorn hittade ser du här nedanför.
Resultat för https://seviranta.com/demo-winkel.html
5 överträdelser · 12 ställen på den här sidan klarar inte WCAG 2.1 & 2.2 AA-testet.
Säljer du till konsumenter i EU gäller European Accessibility Act för din webbplats. Starta en löpande granskning och undvik böter.
Testat mot EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA med axe-core 4.11.4. Automatiserad testning upptäcker tillförlitligt ungefär 57 % av problemen; granskningspunkterna kräver ett mänskligt omdöme. Så ser du exakt vad som är fastställt svart på vitt och var nästa vinst finns.
Per WCAG-kriterium
Samma överträdelser, grupperade efter det framgångskriterium de berör.
- 1.4.3 Kontrast (minimum)7 ställen
- 4.1.2 Namn, roll, värde3 ställen
- 1.1.1 Innehåll som inte är text2 ställen
- 2.4.4 Syftet med en länk (i sammanhanget)1 ställe
Överträdelser, maskinellt säkra
- Kritisk1× på den här sidan
Vad det betyder · En knapp utan namn läses upp som 'knapp', oanvändbar för den som inte ser. Drabbar ofta varukorgs- och sökknappen.
Så åtgärdar du det · Ge knappen text eller ett aria-label som beskriver handlingen ('Lägg i varukorgen', 'Sök').
På din sida
Fel ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Rätt ·<button aria-label="Lägg i varukorgen"><svg>…</svg></button>WCAG wcag2a, wcag412 · Tekniskt namn: Buttons must have discernible text · teknisk källa för din utvecklare
- Allvarlig7× på den här sidan
Vad det betyder · Text med för lite kontrast är oläslig för personer med nedsatt syn och i starkt solljus på en telefon. Det är den i särklass vanligaste EAA-bristen i webbutiker.
Så åtgärdar du det · Gör text- eller bakgrundsfärgen mörkare/ljusare tills förhållandet är minst 4,5:1 (3:1 för stor text). I Shopify: temainställningar → färger; justera knapp- och textfärger en gång så gäller det i hela temat.
På din sida
Exempeltextuppmätt 1,87:1, krävs 4,5:1#b8b2a7 på #f4f1ecExempeltextuppmätt 1,52:1, krävs 4,5:1#ffffff på #a8dadcExempeltextuppmätt 1,73:1, krävs 4,5:1#c9c4bb på #ffffffWCAG wcag2aa, wcag143 · Tekniskt namn: Elements must meet minimum color contrast ratio thresholds · teknisk källa för din utvecklare
- Kritisk2× på den här sidan
Vad det betyder · Bilder utan alt-text är osynliga för skärmläsare. För produktbilder betyder det: en blind kund vet inte vad produkten är.
Så åtgärdar du det · Ge varje informativ bild en kort alt-text som beskriver vad den visar. I Shopify: produkt → media → 'redigera alt-text'. Rent dekorativa bilder får en tom alt (alt="").
På din sida
Fel ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Rätt ·<img src="hond.jpg" alt="Brun labradorvalp med halsband">…och 1 liknande element på den här sidan.
WCAG wcag2a, wcag111 · Tekniskt namn: Images must have alternative text · teknisk källa för din utvecklare
- Kritisk1× på den här sidan
Vad det betyder · Inmatningsfält utan etikett går inte att använda med en skärmläsare och är besvärliga för alla med en funktionsnedsättning. Drabbar sök-, inloggnings- och kassafält.
Så åtgärdar du det · Koppla en synlig <label> till varje inmatningsfält (for/id), eller använd ett aria-label när det inte finns plats för synlig text.
På din sida
Fel ·<input type="email" name="email">Rätt ·<label for="email">E-postadress</label><input id="email" type="email">WCAG wcag2a, wcag412 · Tekniskt namn: Form elements must have labels · teknisk källa för din utvecklare
- Allvarlig1× på den här sidan
Vad det betyder · En länk utan läsbar text (t.ex. bara en ikon) läses upp av en skärmläsare som 'länk' utan mål, besökaren vet inte vart den leder.
Så åtgärdar du det · Ge länken synlig text, eller ett aria-label / dold text som beskriver målet (t.ex. 'Visa varukorgen' i stället för en naken varukorgsikon).
På din sida
Fel ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Rätt ·<a href="/winkelwagen" aria-label="Visa varukorgen"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Tekniskt namn: Links must have discernible text · teknisk källa för din utvecklare
Kräver manuell granskning
- Allvarlig1× på den här sidan
Vad det betyder · Text med för lite kontrast är oläslig för personer med nedsatt syn och i starkt solljus på en telefon. Det är den i särklass vanligaste EAA-bristen i webbutiker.
Så åtgärdar du det · Gör text- eller bakgrundsfärgen mörkare/ljusare tills förhållandet är minst 4,5:1 (3:1 för stor text). I Shopify: temainställningar → färger; justera knapp- och textfärger en gång så gäller det i hela temat.
På din sida
Fel ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Tekniskt namn: Elements must meet minimum color contrast ratio thresholds · teknisk källa för din utvecklare
Därför räknas det här
European Accessibility Act gäller sedan den 28 juni 2025, ingen framtida skyldighet utan gällande rätt. Medlemsstaterna måste införa sanktioner som är ”effektiva, proportionella och avskräckande”. Dessutom förlorar du med varje besökare som inte kan använda din webbplats en kund som inte genomför sitt köp. Den goda nyheten: de maskinellt säkra överträdelserna ovan går att åtgärda.
Vad bristande efterlevnad kan kosta
- Nederländerna, upp till tiotusentals euro per överträdelse plus vite; ACM utövar aktiv tillsyn och kontaktade 2026 offentligt de sämst presterande webbutikerna.
- Tyskland, upp till €100 000 (BFSG).
- Frankrike, upp till €50 000 per onlinetjänst (Arcom).
- Spanien, €90 000 faktiskt utdömt mot Vueling (fastställt av Audiencia Nacional).
- Under 2024 stämdes 1 023 webbutiker med overlay-widget, widgeten skyddade dem inte.
Under EAA är den första tillsynen och de första rättsprocesserna 2025-2026 ett faktum; apparaten står redo och byggs ut. Detta är de lagstadgade maxbeloppen.
Overlay-fällan
Widgetar som lovar att göra din webbplats ”100 % tillgänglig” med en enda rad kod reparerar inte den underliggande koden, de lägger ett lager ovanpå, kan introducera nya problem och skyddar dig inte mot krav. 2025 bötfällde den amerikanska tillsynsmyndigheten FTC en känd overlay-leverantör med 1 miljon dollar för vilseledande compliance-påståenden. Vi gör tvärtom: vi visar vad som faktiskt pågår och hur du faktiskt löser det.
Chattwidget upptäckt: Tidio
Från den 2 augusti 2026 måste en AI-chattbot identifiera sig som AI vid första kontakten (EU AI Act, artikel 50), utan undantag för små företag. Överträdelsen ligger offentligt på din webbplats: en blick från tillsynsmyndigheten räcker. Drivs din chatt av AI? Se då till att den upplysningen är påslagen.
Se AI-transparenskontrollenVad kostar det att hålla efter det här själv?
En uppskattning utifrån just din skanning, justera siffrorna efter din egen situation.
De 12 ställena på just den här sidan kostar uppskattningsvis 3 timmar ≈ 270 € i reparationstid.
Och det är en engångsfix. Din webbplats förändras hela tiden, utan övervakning smyger sig ständigt nya fel in och allt börjar om. Seviranta hittar och övervakar detta löpande, så att du gör arbetet riktat och rätt på första försöket.
Hur din webbplats är byggd avgör arbetet: med återanvändbara komponenter och mallar åtgärdar du fler ställen på en gång.
Din tillgänglighetsredogörelse, genereras automatiskt
Utifrån en fullständig granskning tar vi fram din lagstadgade tillgänglighetsredogörelse, för EU, USA eller hela världen, redo att publiceras på din webbplats. Skapa ett konto för att generera och ladda ner den.
Skapa ett kontoSe vad samma motor hittar på din webbplats.
Den gratis skanningen testar en sida på din webbplats på fullt djup. Inget konto, inget kreditkort, och vi sparar ingenting.