Börja här
Klistra in en länk, få kartan
Klistra in en länk så kopierar Overlay sidan, granskar den mot tillgänglighetsregler och pinnar ut varje hinder — kontrast, etiketter, alt-text, tangentbordsfällor — direkt ovanpå, med en enkel lösning för varje. Samla sidor i projekt, jämför dator och mobil, och låt AI skriva rapporter och följa dina framsteg.
- ✓ Kontrast
- ✓ Alt-text
- ✓ Etiketter
- ✓ Tangentbord
- ✓ Rubriker
Varför använda det
Ett bättre internet, för alla
Målet är att göra webben enklare för alla att använda. Jag tror att det börjar med att göra information om webbtillgänglighet lättare att hitta och förstå.
Jag skapade den här webbplatsen för att hjälpa människor förstå hur användare med olika tillgänglighetsbehov kan uppleva deras webbplatser. Genom att göra den här informationen lättare att nå hoppas jag att fler företag känner sig trygga med att ta de första stegen mot mer tillgängliga webbplatser.
- 1 / 4
personer lever med en funktionsnedsättning
Nedsatt syn, färgblindhet, motoriska och kognitiva skillnader — många besökare använder skärmläsare, tangentbord eller zoom.
- 2025
Tillgänglighetsdirektivet
Många digitala tjänster i EU måste nu enligt lag uppfylla tillgänglighetskrav.
- 100%
av besökarna vinner på det
Tydlig kontrast, etiketter och struktur hjälper alla — i solljus, på en liten skärm eller när det går fort.
Så använder du det
Tre steg till en markerad karta
Lägg till en sida
Klistra in en länk ovan eller i menyn Inspekterade sidor högst upp. Varje sida du lägger till sparas i listan så att du kan bygga upp en karta över hela din webbplats.
Välj skärmstorlek
Växla mellan dator (1280px) och mobil (390px). Sidan hämtas och granskas igen i den bredden, så att du ser hindren även dina mobilbesökare möter.
Klicka på en markering
Varje siffra på kopian av sidan är ett problem. Klicka på den — eller i listan — för att hoppa till elementet och läsa vad du ska ändra, på enkel svenska.
Allvarlighetsnivåer
Vad färgerna betyder — och varför du ska åtgärda dem
Kritisk
Stoppar människor helt. Den som använder skärmläsare eller tangentbord kan inte slutföra uppgiften alls — åtgärda dessa först.
Allvarlig
Gör sidan mycket svår att använda. Många besökare ger upp, och det bryter oftast mot WCAG och tillgänglighetslagar.
Måttlig
Gör det långsamt eller förvirrande. Det går att ta sig igenom, men med extra ansträngning och frustration.
Mindre
Små irritationsmoment. Billiga att åtgärda och gör sidan smidigare för alla.
Vad den hittar
Hindren den markerar åt dig
Färgkontrast
Text som är för svag mot bakgrunden, med uppmätt kontrast och förslag på färger som fortfarande ser ut som dina.
Saknad alt-text
Bilder som inte säger något till en skärmläsare — eller säger alldeles för mycket. Varje bild markeras så att du kan skriva eller rätta beskrivningen.
Formulärfält utan etiketter
Fält som en skärmläsare inte kan namnge, så att folk aldrig vet vad de ska skriva.
Länkar och knappar som inte går att nå
Länkar utan adress, element borttagna från tabbordningen och kontroller som bara går att klicka på och aldrig kan styras med tangentbord.
Kontroller utan namn
Knappar och länkar utan läsbar text — ikonknappar som inte säger något när de får fokus.
Struktur
Saknade rubriker, landmärken och sidspråk — skelettet som en skärmläsaranvändare förlitar sig på för att navigera snabbt.
AI-hjälpare
Utöver reglerna
Simulera en användare
AI spelar en blind tangentbordsanvändare som går igenom sidan och rapporterar steg för steg var den fastnar.
Skriv alt-text
Klicka på ett bildproblem så tittar AI:n på bilden och sammanhanget och föreslår en beskrivning — eller tom alt när bilden är dekorativ.
Fixa färgerna
För kontrastproblem föreslår den de närmaste läsbara färgerna till de du redan använder, så att varumärket överlever fixen.
Fråga om ett problem
Chatta med AI:n om valfritt markerat problem för att förstå varför det spelar roll och vad du ska ändra.