SevirantaSå 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
Detta är exakt samma skanning och samma djup som snart bedömer dina sidor.
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.
Du är enligt lag skyldig att uppfylla European Accessibility Act. Registrera dig för löpande granskning för att undvika 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 mänskligt omdöme. Detta är inget påstående om fullständig överensstämmelse.
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 kom den första tillsynen och de första rättsprocesserna igång 2025-2026; bred bötfällning är fortfarande i ett tidigt skede. 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.
Vad kostar det att hålla efter det här själv?
En grov uppskattning baserad på 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.
Uppskattning, ingen offert. Det faktiska arbetet beror på hur din webbplats är byggd, återanvändbara komponenter och mallar sparar mycket.
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 kontoNyfiken på 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.