HTML Toegankelijkheidscontrole

De meeste snelle toegankelijkheidschecks zijn óf een oppervlakkige scan op trefwoorden, óf een zware bibliotheek die u als black box moet vertrouwen. Deze tool kiest een derde weg: hij parset de door u geplakte HTML met de ingebouwde DOMParser van de browser — geen axe-core, geen externe toegankelijkheidsbibliotheek, niets te downloaden — en doorloopt vervolgens de resulterende DOM-boom met een set handgeschreven controles die echte, veelvoorkomende faalpatronen uit WCAG 2.1 weerspiegelen. Dat betekent dat de logica volledig inzichtelijk is en de audit volledig in uw browser draait: de code die u plakt en elk kleurenpaar dat u test, worden nooit geüpload of ergens naartoe gestuurd.

De controles richten zich op de problemen die het vaakst in echte pagina's voorkomen: <img>-elementen zonder enig alt-attribuut (een echte WCAG-fout, anders dan het bewust lege alt="" dat voor decoratieve afbeeldingen wordt gebruikt en dat terecht ongemoeid wordt gelaten), formuliervelden zonder dat hulptechnologie kan achterhalen waarvoor ze dienen (gecontroleerd langs alle echte paden naar een label — een bijbehorend <label for>, ingepakt in een <label>, of een aria-label/aria-labelledby-attribuut), kopniveaus die zonder waarschuwing verspringen (een <h1> rechtstreeks naar een <h3>, of een document zonder een enkele <h1>, of juist meerdere), links zonder href of met vage, uit hun context gerukte tekst zoals "klik hier" of "lees meer", en een ontbrekend lang-attribuut wanneer een volledig HTML-document (niet alleen een fragment) wordt geplakt.

Het opvallendste onderdeel is de echte contrastberekening, geen oppervlakkige aanname of het 'leesbaar lijkt'. Voor elk element met een inline tekstkleur en achtergrondkleur leest de tool beide waarden uit, zet ze via de eigen CSS-engine van de browser om in echte RGB-waarden (zodat hex, rgb(), hsl() en benoemde kleuren zoals 'tomatenrood' identiek werken) en berekent de exacte WCAG-relatieve luminantie voor elk — L = 0,2126×R + 0,7152×G + 0,0722×B, waarbij elk kanaal eerst gammagecorrigeerd is met de echte sRGB-overdrachtskromme — om ze vervolgens in de officiële contrastformule te stoppen: (lichtere L + 0,05) / (donkerdere L + 0,05). De eigen lettergrootte en -dikte van het element bepalen of de strengere drempels voor 'normale tekst' of de mildere voor 'grote tekst' (18pt+, of 14pt+ vet) van toepassing zijn, en het resultaat wordt tegelijk aan alle vier de echte WCAG-getallen getoetst: 4,5:1 en 3:1 voor AA, 7:1 en 4,5:1 voor AAA — nooit platgeslagen tot één generiek oordeel goed/slecht.

Dit is een bewust eerlijke, pragmatische deelverzameling van een volledige toegankelijkheidsaudit, geen certificeringstool: hij evalueert geen JavaScript-gestuurde interactiviteit, geen ARIA-widgetpatronen verder dan basale labeling, geen toetsenbordfocusvolgorde en niets wat vereist dat de pagina daadwerkelijk gerenderd en uitgevoerd wordt. Beschouw het als een snelle eerste scan die enkele van de meest voorkomende en impactvolle WCAG-fouten — ontbrekende alt-tekst, ongelabelde velden, kapotte kopstructuur, laag-contrasttekst en vage links — opvangt voordat een pagina live gaat, naast (en niet in plaats van) een volledige handmatige beoordeling of een dedicated audittool voor alles wat naar productie gaat.