Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Perché gli spazi tra le linee e i caratteri dei siti web devono essere adattabili?
Gli spazi tra linee e caratteri devono essere adattabili, perché le persone con dislessia o ipovisione spesso riescono a leggere solo con spazi allargati. Usano per questo le impostazioni del browser o i programmi di supporto. Il Suo sito deve tollerare questo adattamento: nessun testo deve essere tagliato e nessun codice deve fissare gli spazi in modo immutabile.
Gli spazi allargati rendono i testi leggibili
Per le persone con dislessia, le linee fittamente spaziate si confondono l'una nell'altra — più aria tra le linee e le lettere trasforma una parete di testo grigia in frasi di nuovo leggibili. Lo standard definisce valori di adattamento specifici per questo, che un sito web deve tollerare senza danni: spaziatura delle linee uno virgola cinque volte la dimensione del carattere, spazi estesi tra lettere, parole e paragrafi. I visitatori impostano questi valori da soli — il Suo sito non deve proporli, deve solo permetterli. I problemi sorgono in due punti: le caselle di testo con altezza fissa programmata tagliano il testo in crescita, e il codice che fissa gli spazi con istruzioni prioritarie rende inutile l'adattamento da principio.
Come il nostro nucleo di misurazione verifica gli spazi di testo
La verifica funziona su due binari. Innanzitutto, il nucleo di misurazione esegue effettivamente il test estremo: imposta i valori di spaziatura dello standard sul Suo sito e misura se il testo viene tagliato — ogni punto tagliato è un caso di verifica documentato. In secondo luogo, cerca nelle regole di progettazione del Suo sito le istruzioni di spaziatura con marcatura prioritaria, che bloccano gli adattamenti — tali fissazioni sono obiettivamente verificabili e contano come violazione. Se tutto rimane discreto, il criterio consapevolmente non è mai automaticamente superato: il fatto che durante il test non sia emerso nulla è ancora nessuna prova per ogni posizione di testo. Il giudizio finale lo dà una persona nello standard Gold.
Beispiele
Text bricht bei größeren Abständen
.teaser { height: 3.6em; overflow: hidden; line-height: 1.2; letter-spacing: 0; }.teaser { min-height: 3.6em; line-height: 1.5; }Besucher dürfen Zeilenabstand 1,5, Absatzabstand 2, Buchstabenabstand 0,12 und Wortabstand 0,16 setzen; nichts darf dann abgeschnitten werden.
- Chieda alla Sua agenzia di rimuovere le istruzioni di spaziatura con marcatura prioritaria — nel codice «!important» — dalle regole di progettazione.
- Lasci crescere le caselle di testo in altezza, invece di dare loro altezze in pixel fissi.
- Testi le Sue pagine più importanti con un'estensione del browser per gli spazi di testo — il testo chiaramente tagliato è un rilievo.
- Presti particolare attenzione ai layout di tessere e carte con brevi estratti di testo — lì il testo in crescita viene più spesso tagliato.
- Pianifichi spazi di base generosi: ciò che è impostato generosamente, tollerano quasi sempre l'allargamento.