Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Responsive
Quanto deve essere grande il testo sullo smartphone?
Su uno schermo che è in mano, la dimensione del carattere decide se un testo viene letto o cancellato. Google raccomanda almeno 16 pixel per il testo di flusso e svaluta le pagine il cui testo rimane inferiore a 12 pixel — il lettore dovrebbe quindi ingrandire e molti non lo fanno. L'area di prova Responsive misura ogni nodo di testo visibile sui profili dei dispositivi mobili e conta quanti di essi sono inferiori a 12 pixel. Il risultato menziona il numero, la dimensione più piccola trovata e un elemento di esempio.
Ciò che è misurato e ciò che non è
I profili smartphone con larghezza 390 e 320 pixel, come il browser visualizza effettivamente la pagina – con tutti gli stili, le query multimediali e i fattori di ingrandimento. Un nodo di testo conta quando è visibile e contiene almeno tre caratteri. Le posizioni alte e basse, gli elementi piegati, le aree nascoste e tutto ciò che all'interno degli script rimangono fuori; Non sono un manuale. Il risultato è una linea di controllo per profilo: superato se nessun testo è inferiore a 12 pixel, altrimenti passato con il numero di passaggi di testo, la dimensione più piccola e l'elemento a cui è stato trovato. Come qualsiasi controllo reattivo, questo viene misurato anche due volte; il più piccolo dei due valori conta.
Da dove proviene troppo poco scritto
Raramente è la scrittura di base troppo piccola — Di solito sono testi secondari: didascalie, piè di pagina, avvisi legali, etichette in forme, prezzi in piastrelle. Sono progettati alla scrivania, dove 11 pixel appaiono leggibili e non più regolati sul telefono. Proprio come spesso sono scalings in percentuale o em, che si moltiplicano per diversi livelli: l'80% dell'80% del carattere di base produce 10 pixel alla fine. La correzione è un limite inferiore nelle specifiche di stile per larghezze mobili — 12 pixel come pavimento, 16 per il testo di flusso — e l'omissione di dimensioni relative nidificati. Se si desidera mantenere i testi secondari piccoli, utilizzare il colore e la distanza, non la dimensione.
- Nelle specifiche di stile per larghezze mobili, impostare un limite inferiore di 12 pixel e 16 pixel per il testo di flusso.
- Controlla piè di pagina, didascalie, etichette di forma, e piastrelle — questo è dove il piccolo carattere quasi sempre siede.
- Evitare dimensioni relative nidificati (percentuale, em) che si restringono a più livelli; rem si riferisce sempre alla scrittura di base.
- Visualizza la pagina su un telefono reale, non solo nella finestra del browser in scala.
