HTML Accessibility Auditor

De fleste hurtige tilgængelighedstjek er enten en overfladisk søgeordsscanning eller et tungt bibliotek, du er nødt til at stole på som en sort boks. Dette værktøj tager en tredje vej: det analyserer den HTML, du indsætter ved hjælp af browserens egen indbyggede DOMParser - ingen øksekerne, intet eksternt tilgængelighedsbibliotek, intet downloadet - og går derefter det resulterende DOM-træ med et sæt håndskrevne kontroller, der afspejler almindelige, rigtige WCAG 2.1-fejlmønstre. Det betyder, at logikken er fuldt inspektionsbar, og revisionen kører helt inde i din browser: den markering, du indsætter, og ethvert farvepar, du tester, bliver aldrig uploadet eller sendt nogen steder.

Kontrollerne dækker de fejl, der oftest vises på rigtige sider: <img>-elementer uden alt-attribut overhovedet (en ægte WCAG-fejl, adskilt fra den bevidst tomme alt="" brugt til dekorative billeder, som korrekt efterlades umarkeret), danner kontrolelementer uden mulighed for hjælpeteknologi til at vide, hvad de er til (kontrolleret mod hver en rigtig sti til en etiket, der er <markeret i en rigtig sti til en etiket). <label>, eller en aria-label/aria-labeledby-attribut), overskriftsniveauer, der hopper uden varsel (en <h1> direkte til en <h3>, eller et dokument uden <h1> overhovedet, eller mere end én), links uden href eller med vag tekst uden for kontekst som "klik her" eller "læs mere", og et dokument mangler kun et helt tidligere HTML-dokument (ikke kun mangler et tidligere lang fragment).

Det iøjnefaldende stykke er ægte kontrastmatematik, ikke en overfladisk heuristik af 'læselig udseende'. For ethvert element, der bærer en inline-farve og baggrundsfarve, læser værktøjet begge værdier, løser dem til rigtige RGB-tal via browserens egen CSS-motor (så hex, rgb(), hsl() og navngivne farver som 'tomat' fungerer alle identisk) og beregner den nøjagtige WCAG-relative luminans for hver — L = + 1,2 × 1 × 202 G. 0,0722×B, med hver kanal gamma-korrigeret først ved hjælp af den reelle sRGB-overførselskurve — før de kombineres i den officielle kontrastforholdsformel, (lysere L + 0,05) / (mørkere L + 0,05). Elementets egen skriftstørrelse og skriftvægt afgør, om de strengere 'normal tekst'-tærskler eller de mere lempelige 'large text'-tærskler (18pt+, eller 14pt+ fed) gælder, og resultatet kontrolleres mod alle fire rigtige WCAG-tal på én gang: 4,5:1 og 3:1 for AA1 og AA: 47, aldrig i kol. enkelt falsk god/dårlig dom.

Dette er en bevidst ærlig, pragmatisk delmængde af en fuld tilgængelighedsrevision, ikke et certificeringsværktøj: det evaluerer ikke JavaScript-drevet interaktivitet, ARIA-widgetmønstre ud over grundlæggende mærkning, tastaturfokusrækkefølge eller noget, der faktisk kræver gengivelse og kørsel af siden. Behandl det som en hurtig første gennemgang, der fanger nogle af de mest almindelige og mest konsekvensmæssige WCAG-fejl – manglende alt-tekst, umærkede felter, brudt overskriftshierarki, tekst med lav kontrast og vage links – før en side sendes sammen med (ikke i stedet for) en komplet manuel gennemgang eller et dedikeret revisionsværktøj til alt, der sendes til produktion.