Verifica della dimensione minima di un font accessibile

Questo strumento confronta una dimensione in pixel CSS con un minimo pratico per testo principale, didascalia o etichetta di pulsante. Indica la soglia applicabile, segnala se viene raggiunta e calcola la differenza esatta. Il risultato è utile per una prima verifica di accessibilità, ma non certifica che la sola dimensione renda accessibile un progetto.

Scelga il ruolo del contenuto prima di valutare il numero

La dimensione di un carattere non basta da sola, perché i testi svolgono funzioni diverse. Per la lettura continuativa del corpo, questo controllo adotta un minimo comune di 16 pixel CSS. Le didascalie sono più brevi e secondarie, quindi vengono confrontate con 12 pixel. Le etichette dei pulsanti devono restare leggibili entro il controllo e usano una soglia di 14 pixel. Selezioni la funzione effettiva delle parole, non soltanto l’aspetto dell’elemento. Una riga sotto un’immagine rimane una didascalia anche se usa lo stesso carattere dell’articolo. Il testo di un controllo azionabile rimane un’etichetta di pulsante anche quando sembra un collegamento. Dichiarare il ruolo mantiene coerenti le verifiche tra pagine e impedisce di applicare ovunque la soglia più bassa. Questi valori sono riferimenti pratici diffusi, non criteri legali universali. Il Suo design system può scegliere minimi maggiori in base al pubblico, al carattere, ai dispositivi o alle condizioni di lettura.

Legga il risultato come una verifica preliminare

La risposta riporta la dimensione inserita, il tipo di contenuto, il minimo applicato, un indicatore di conformità e una differenza con segno. Una differenza pari a zero indica che il valore coincide con la soglia e supera questo controllo. Un valore negativo mostra quanto manca, mentre uno positivo indica il margine disponibile. Il confronto diretto è utile per esaminare token di progettazione, inventari di componenti, controlli automatici e criteri di accettazione, perché trasforma un dubbio generico in una decisione ripetibile. Tuttavia, il superamento deve aprire la valutazione, non concluderla. La dimensione percepita dipende anche dal carattere, dal peso, dal disegno delle lettere, dall’interlinea, dalla densità dello schermo, dallo zoom e dall’impaginazione. Un testo di 16 pixel può essere faticoso se presenta poco contrasto o righe troppo lunghe. Usi il segnale per individuare rapidamente i rischi, poi valuti il componente renderizzato con contenuti reali, impostazioni assistive e utenti rappresentativi.

Abbini la dimensione minima a una tipografia adattabile

Una tipografia accessibile deve resistere agli adattamenti che le persone applicano realmente alla pagina. Dopo aver corretto una dimensione segnalata, verifichi che lo zoom non tagli il testo, che i controlli possano crescere senza perdere le etichette e che il layout si ridistribuisca senza imporre lo scorrimento orizzontale. Nell’interfaccia finale preferisca unità CSS relative quando aiutano a rispettare le preferenze dell’utente, anche se questo strumento riceve pixel per offrire un confronto chiaro. Controlli il contrasto negli stati normale, passaggio, focus, disabilitato ed errore. Offra al corpo un’interlinea e una lunghezza di riga comode e non affidi istruzioni essenziali a didascalie minuscole. Nei pulsanti, un’etichetta leggibile non compensa un bersaglio troppo piccolo, un focus invisibile o un nome accessibile assente. Le soglie sono semplici di proposito: 16 pixel per il corpo, 12 per le didascalie e 14 per i pulsanti. Per esigenze visive note, scelga uno standard interno più alto.