Hoppa till innehåll
100% lokalt

HTML-tillgänglighetskontroll

Scanna ett HTML-fragment för problem som hindrar skärmläsare och tangentbordsanvändare.

Inmatning
Utmatning

HTML-tillgänglighetskontroll

Klistra in ett HTML-fragment och det här verktyget scannar det för de problem som oftast hindrar skärmläsare, tangentbordsanvändare och annan assistiv teknik. Varje fynd rapporteras med ett radnummer och en tydlig förklaring, så att du kan åtgärda det utan att behöva läsa igenom ett separat WCAG-dokument. Det är inriktat på fragmentet som du faktiskt har – en komponent, en e-postmall, ett CMS-block – inte en fullständigt crawlad sida.

Kontrollerna är alternativ som du kan aktivera och inaktivera individuellt: bilder utan alt-text (och tom alt-text på bilder som är det enda innehållet i en länk eller knapp), rubriker som hoppar över en nivå eller inte börjar på h1, knappar och länkar utan synlig text eller aria-label, formulärfält utan tillhörande etikett, generisk länktext som "klicka här", tabeller utan rubrikceller, dokument utan lang-attribut och dubblett id-attribut. Ett allvarlighetsgradsfilter begränsar listan till varningar och fel eller endast fel när mindre problem är trierade.

Kontrollen läser endast rå kod – taggar och attribut, inte beräknade stilar eller renderad layout – så den kommer inte att identifiera kontrastproblem eller fokusordning som endast visas när CSS tillämpas (kombinera det med kontrastkontroller för det). Tolkning görs efter bästa förmåga: den tolererar felaktig eller ofullständig HTML snarare än att vägra att köra, eftersom ett inlimmat fragment sällan har en avslutande tagg för allt.

Allt sker lokalt i din webbläsare. Fragmentet du klistrar in – som kan komma från en ej släppt sida, ett internt verktyg eller ett klientprojekt – överförs eller skickas aldrig till en server. Kopiera rapporten, ladda ned den som en .txt-fil eller skicka fragmentet tillbaka till inmatningen efter ändringar för att skanna om.

FAQ

Ersätter detta en fullständig tillgänglighetsrevision?
Nej. Det fångar vanliga, mekaniskt upptäckbara problem i koden du klistrar in – saknade alt-texter, rubrikordning, omärkta fält och liknande – men en fullständig revision täcker också kontrastkontroll, tangentbordsfokusordning, skärmläsartestning och renderad layout, vilket kräver en livewebbsida.
Varför flaggas en bild med alt="" fortfarande ibland?
Tom alt-text är korrekt för en rent dekorativ bild. Den flaggas bara när bilden är det enda innehållet i en länk eller knapp (vilket lämnar kontrollen utan ett tillgängligt namn) eller när den har ett icke-tomt title-attribut, vilket tyder på att den ändå bär information.
Vad räknas som ett "duplicerat id"?
Alla id-attributvärden som förekommer på mer än ett element i fragmentet. Dubblett id:n bryter etikettkopplingar, aria-labelledby-referenser och in-page-länkar, eftersom endast den första matchningen används.
Kan jag kontrollera bara en kategori av problem?
Ja. Varje kontroll – bilder, rubriker, interaktiva element, formulär, länktext, tabeller, språk och dubblett id:n – har sin egen växel, och ett allvarlighetsgradsfilter begränsar resultaten ytterligare.
Laddas min HTML upp någonstans?
Nej. Fragmentet tolkas och kontrolleras helt i din webbläsare med JavaScript; det skickas aldrig till en server.