Verificatore di Accessibilità HTML

La maggior parte dei controlli rapidi di accessibilità sono o una scansione superficiale di parole chiave o una pesante libreria di cui devi fidarti a scatola chiusa. Questo strumento segue una terza strada: analizza l'HTML che incolli usando il DOMParser integrato del browser — niente axe-core, nessuna libreria esterna di accessibilità, nessun download — e poi percorre l'albero DOM risultante con una serie di controlli scritti a mano che rispecchiano pattern comuni e reali di fallimento delle WCAG 2.1. Ciò significa che la logica è completamente ispezionabile e la verifica viene eseguita interamente nel tuo browser: il markup che incolli e qualsiasi coppia di colori testi non vengono mai caricati o inviati altrove.

I controlli coprono i fallimenti che compaiono più spesso nelle pagine reali: elementi <img> senza alcun attributo alt (un vero fallimento WCAG, distinto dall'attributo alt="" deliberatamente vuoto usato per le immagini decorative, che correttamente non viene segnalato), controlli form senza modo per la tecnologia assistiva di sapere a cosa servono (verificati rispetto a ogni percorso reale verso un'etichetta — un <label for> corrispondente, l'essere racchiusi dentro un <label>, o un attributo aria-label/aria-labelledby), livelli di intestazione che saltano senza preavviso (un <h1> direttamente a un <h3>, o un documento privo del tutto di <h1>, o con più di uno), link senza href o con testo vago e decontestualizzato come "clicca qui" o "leggi di più", e un attributo lang mancante quando viene incollato un intero documento HTML (non solo un frammento).

L'elemento distintivo è l'autentico calcolo matematico del contrasto, non un'euristica superficiale del tipo "sembra leggibile". Per ogni elemento che porta un colore e un colore di sfondo in linea, lo strumento legge entrambi i valori, li risolve in veri numeri RGB tramite il motore CSS del browser (quindi hex, rgb(), hsl() e colori con nome come 'tomato' funzionano tutti allo stesso modo), e calcola l'esatta luminanza relativa WCAG per ciascuno — L = 0.2126×R + 0.7152×G + 0.0722×B, con ogni canale prima corretto gamma usando la reale curva di trasferimento sRGB — prima di combinarli nella formula ufficiale del rapporto di contrasto, (L più chiaro + 0.05) / (L più scuro + 0.05). Gli stessi font-size e font-weight dell'elemento determinano se si applicano le soglie più rigide per il 'testo normale' o quelle più permissive per il 'testo grande' (18pt+, oppure 14pt+ grassetto), e il risultato viene verificato simultaneamente rispetto a tutti e quattro i veri numeri WCAG: 4,5:1 e 3:1 per AA, 7:1 e 4,5:1 per AAA — mai ridotto a un singolo verdetto fittizio buono/cattivo.

Questo è un sottoinsieme deliberatamente onesto e pragmatico di una verifica completa di accessibilità, non uno strumento di certificazione: non valuta l'interattività basata su JavaScript, i pattern dei widget ARIA oltre l'etichettatura di base, l'ordine di focus da tastiera, né tutto ciò che richiede di renderizzare ed eseguire effettivamente la pagina. Consideralo come un primo rapido passaggio che individua alcuni dei più comuni e più impattanti fallimenti WCAG — testo alternativo mancante, campi non etichettati, gerarchia delle intestazioni interrotta, testo a basso contrasto e link vaghi — prima che una pagina venga pubblicata, da usare insieme (e non al posto di) una revisione manuale completa o uno strumento di verifica dedicato per tutto ciò che viene messo in produzione.