perché il mio sito web si rompe quando l'utente ingrandisce il testo

Il testo che non può essere ingrandito è un collo di bottiglia WCAG noto

Un sito che si "rompe" non appena un cliente aumenta la dimensione del testo è quasi sempre dovuto a dimensioni fisse: testo, pulsanti o contenitori bloccati in pixel anziché in unità che si ridimensionano. Quando un cliente aumenta la dimensione del testo nel browser, una casella con un'altezza in pixel fissa rimane della stessa dimensione e il testo esce da essa, si sovrappone ad altri elementi o viene tagliato. I menu che si adattano esattamente alla dimensione standard, i menu a discesa che non si adattano e i pulsanti il cui testo esce dai bordi sono i sintomi più comuni.

Non si tratta di un difetto estetico ma di un problema funzionale: se un'etichetta diventa illeggibile o un pulsante non è più cliccabile perché il testo lo copre, un cliente non può completare un passaggio nel processo di acquisto. Ciò colpisce gli stessi punti vulnerabili della navigazione da tastiera dell'intero ordine: un problema di ridimensionamento che può sembrare innocuo nelle pagine principali può essere decisivo al momento del checkout o nella schermata di accesso. Anche i titoli e i sottotitoli sono a rischio: se un elemento strutturale si contrae durante l'ingrandimento, l'ordine di lettura diventa strano, qualcosa che accade anche nella narrazione più ampia su titoli, struttura e navigazione.

Dove si trova in WCAG 2.1: il criterio di ingrandimento

WCAG 2.1 stabilisce che il testo deve essere ingrandibile fino a una certa percentuale senza perdere contenuti o funzionalità; questo è il principio alla base del criterio per il testo ridimensionabile, come descritto nella linea guida stessa. In pratica, una scansione lo verifica caricando la pagina a più dimensioni di testo e controllando se il testo viene tagliato, si sovrappone o diventa illeggibile. Ciò che un test automatizzato non vede è se la pagina è ancora piacevole da usare o solo tecnicamente "non rotta" — questa differenza rientra nelle cose che una scansione automatica non può valutare.