HTML-tilgængelighedsgennemgang

De fleste hurtige tilgængelighedstjek er enten en overfladisk nøgleordsscanning eller et tungt bibliotek, du skal stole på som en black box. Dette værktøj går en tredje vej: det parser den HTML, du indsætter, ved hjælp af browserens egen indbyggede DOMParser — ingen axe-core, intet eksternt tilgængelighedsbibliotek, intet downloadet — og gennemløber derefter det resulterende DOM-træ med et sæt håndskrevne kontroller, der afspejler almindelige, reelle WCAG 2.1-fejlmønstre. Det betyder, at logikken er fuldt inspicerbar, og gennemgangen kører helt inde i din browser: den markup, du indsætter, og ethvert farvepar, du tester, uploades eller sendes aldrig nogen steder.

Kontrollerne dækker de fejl, der oftest optræder på rigtige sider: <img>-elementer uden nogen alt-attribut overhovedet (en ægte WCAG-fejl, forskellig fra den bevidst tomme alt="" der bruges til dekorative billeder, som korrekt lades umarkeret), formularfelter, som hjælpemidler ikke kan vide, hvad de er til (tjekket mod enhver reel vej til en label — et matchende <label for>, indpakning i et <label> eller en aria-label/aria-labelledby-attribut), overskriftsniveauer der springer uden varsel (et <h1> direkte til et <h3>, eller et dokument uden noget <h1> overhovedet, eller mere end ét), links uden href eller med vag, ude-af-kontekst tekst som "klik her" eller "læs mere", og en manglende lang-attribut, når et fuldt HTML-dokument (ikke kun et fragment) indsættes.

Det fremtrædende element er ægte kontrastmatematik, ikke en overfladisk "ser læsbart ud"-heuristik. For ethvert element, der bærer en inline color og background-color, læser værktøjet begge værdier, resolver dem til reelle RGB-tal via browserens egen CSS-motor (så hex, rgb(), hsl() og navngivne farver som 'tomato' alle fungerer identisk) og beregner den nøjagtige WCAG relative luminans for hver — L = 0,2126×R + 0,7152×G + 0,0722×B, med hver kanal gammakorrigeret først ved hjælp af den reelle sRGB-overførselskurve — før de kombineres til den officielle kontrastforholdsformel, (lysere L + 0,05) / (mørkere L + 0,05). Elementets egen font-size og font-weight afgør, om de strengere 'normal tekst'-tærskler eller de mere lempelige 'stor tekst'-tærskler (18pt+, eller 14pt+ bold) gælder, og resultatet kontrolleres mod alle fire reelle WCAG-tal på én gang: 4,5:1 og 3:1 for AA, 7:1 og 4,5:1 for AAA — aldrig kollapset til en enkelt falsk god/dårlig-dom.

Dette er et bevidst ærligt, pragmatisk undersæt af en fuld tilgængelighedsgennemgang, ikke et certificeringsværktøj: det evaluerer ikke JavaScript-drevet interaktivitet, ARIA-widget-mønstre ud over grundlæggende labeling, tastaturfokusrækkefølge eller noget, der kræver, at siden faktisk renderes og køres. Betragt det som en hurtig første gennemgang, der fanger nogle af de mest almindelige og mest betydningsfulde WCAG-fejl — manglende alt-tekst, umarkerede felter, brudt overskriftshierarki, tekst med lav kontrast og vage links — før en side sendes afsted, sideløbende med (ikke i stedet for) en fuld manuel gennemgang eller et dedikeret revisionsværktøj til alt, der sendes til produktion.