Verifica WCAG della spaziatura del testo

Misuri tutti e quattro i valori con un’unità coerente

Parta dalla dimensione calcolata del carattere e dai valori di altezza di riga, spaziatura tra lettere e spaziatura tra parole che desidera valutare. Tutti e quattro i numeri devono usare la stessa unità, perché lo strumento divide ogni misura di spaziatura per la dimensione del carattere. I pixel sono comodi quando si copiano gli stili calcolati dagli strumenti di sviluppo del browser, ma punti, rem convertiti in numeri o qualsiasi altra unità di lunghezza coerente producono gli stessi rapporti. Per esempio, un carattere da 16 pixel abbinato a un’altezza di riga di 24 pixel produce un rapporto di 1.5. Una spaziatura tra lettere di 1.92 pixel produce 0.12 e una spaziatura tra parole di 2.56 pixel produce 0.16. Le etichette delle unità non sono accettate intenzionalmente: invii valori numerici dopo aver risolto parole chiave CSS, percentuali, altezze di riga senza unità, valori ereditati e unità relative in misure confrontabili. La dimensione del carattere deve essere maggiore di zero; valori nulli o negativi vengono rifiutati. Gli altri valori finiti sono valutati così come forniti, quindi una spaziatura negativa fallisce senza essere corretta silenziosamente.

Legga i singoli controlli prima dell’esito complessivo

La risposta contiene un controllo per l’altezza di riga, uno per la spaziatura tra lettere e uno per la spaziatura tra parole. Ogni controllo ripete il valore fornito, calcola il rapporto con la dimensione del carattere, dichiara il rapporto minimo orientato a WCAG, calcola il valore assoluto minimo per il carattere indicato e restituisce un esito booleano. Il campo complessivo passes è vero solo quando tutte e tre le comparazioni passano. I valori esattamente sul limite passano: un rapporto di altezza di riga di 1.5, di spaziatura tra lettere di 0.12 o tra parole di 0.16 soddisfa la rispettiva soglia. L’algoritmo usa direttamente i valori numerici e non arrotonda prima del confronto, evitando che la sola visualizzazione cambi un risultato vicino al limite. L’output rende gli errori utilizzabili: chi sviluppa può individuare la proprietà sotto l’obiettivo e confrontare il valore corrente con minimum_value. Poiché il calcolo è deterministico e non dipende dalla rete, un input JSON identico produce sempre lo stesso output nel browser, nella pipeline di build o in un’integrazione API.

Usi il risultato come controllo mirato dell’adattabilità

WCAG 1.4.12 riguarda la conservazione di contenuti e funzionalità quando gli utenti applicano determinate regolazioni alla spaziatura del testo. Questa calcolatrice verifica se le tre misure fornite raggiungono i rapporti associati ad altezza di riga, spaziatura tra lettere e spaziatura tra parole; non ispeziona una pagina, non riscrive CSS e non dimostra che un layout tolleri le sostituzioni dell’utente. Una revisione completa dell’accessibilità deve comunque applicare le modifiche pertinenti in un browser reale e cercare testo tagliato, controlli nascosti, sovrapposizioni, etichette troncate, finestre di dialogo danneggiate e contenuti persi. Anche la spaziatura tra paragrafi fa parte del criterio, ma esula da questa capacità perché l’input dichiarato copre solo le tre misure relative alla dimensione del carattere. Usi il risultato numerico per individuare presto incoerenze nei token o nei fogli di stile, quindi esegua prove sul rendering effettivo. La versione nel browser è utile nella revisione manuale; l’API costa $0.002 per richiesta riuscita ed è adatta a suite di regressione per componenti, temi, modelli o documenti generati. Gli input non validi vengono rifiutati, non convertiti né interpretati.