Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung
Accessibilità
Quale presentazione di testo rende più facile leggere pagine lunghe?
Linee lunghe, set di blocchi con spazi vuoti e spaziatura di linea stretta rendono il testo estenuante per le persone con disabilità di lettura, alterazione visiva o problemi di concentrazione. Livello AAA Criterion 1.4.8 specifica cinque proprietà che possono soddisfare blocchi di testo o che i visitatori possono impostare se stessi: colori selezionabili, linee fino a 80 caratteri, frase sinistra allineata, linea di spaziatura di almeno 1,5 e ingrandimento a 200 per cento senza scorrimento orizzontale.
I cinque requisiti
In primo luogo: i colori di primo piano e di sfondo possono essere scelti dal visitatore, ad esempio tramite una modalità di contrasto o l'impostazione del browser che rispetta la pagina. In secondo luogo, una linea di testo è al massimo 80 caratteri larghi (40 per caratteri cinesi, giapponesi o coreani). In terzo luogo, il testo è riallineato a sinistra, non in blocchi. Quarto, la spaziatura della linea è almeno 1,5 volte la dimensione del carattere, la spaziatura del paragrafo è almeno 1,5 volte la spaziatura della linea. Quinto: Il testo può essere ampliato al 200 per cento senza tecnologia ausiliaria, senza dover scorrere una linea orizzontalmente.
Perché 80 caratteri
L'occhio salta da parola a parola in frasi e deve trovare l'inizio della riga successiva alla fine della linea. Più a lungo la linea, più spesso va storto, soprattutto con visione bassa o dislessia. Da 45 a 75 caratteri sono considerati leggibili in quanto la tipografia del libro; 80 è il limite superiore del criterio. Su schermi larghi questo significa: Il blocco di testo ottiene una larghezza massima fissa, il resto rimane bordo.
Questo è il modo in cui ci occupiamo
Larghezza della linea, allineamento, spaziatura della linea e comportamento al 200 per cento possono essere misurati nello stato reso; Il servizio di prova misura già la base per questo (flusso a 320 pixel, 1.4.10). Se i colori sono selezionabili dipende dall'implementazione e viene giudicato da una persona. Il criterio appartiene alla categoria AAA nella conoscenza.
Esempi
Linee lunghe nel set blocco
.text { text-align: justify; line-height: 1.2; }
/* Zeilen mit 130 Zeichen auf breiten Bildschirmen */.text { max-width: 70ch; text-align: left; line-height: 1.5; }
.text p + p { margin-top: 1.5em; }Un massimo di 80 caratteri per linea, allineato a sinistra, linea che spazia 1,5, tallone che spazia 1,5 volte, e nessun lato che scorre al 200 per cento.
- Limitare il testo di flusso ad una larghezza massima di circa 65-75 caratteri; Questo corrisponde a circa 640 pixel per 16 pixel font.
- Impostare il testo a sinistra allineato e la linea che spazia a 1,5; i paragrafi devono avere almeno una riga vuota.
- Testare la pagina con lo zoom del browser del 200 per cento: Ogni riga deve rimanere leggibile senza scorrimento orizzontale.
- Rispettare le impostazioni di colore del sistema operativo o offrire una modalità di contrasto elevata.
