Come rendere il tuo testo più leggibile sul Web

Puoi migliorare la leggibilità del testo che visualizzi sul tuo sito web modificando diverse proprietà HTML e Cascading Style Sheets per quel testo. Indipendentemente dalla qualità del contenuto delle tue pagine Web, l'aspetto del tuo testo deve essere comunque gradevole e leggibile tanto che i tuoi spettatori non soffrono l'affaticamento degli occhi o faticano a leggere i tuoi contenuti. Questo può essere difficile da incorporare nel tuo sito Web, in particolare se il layout del tuo sito incorpora schemi di colori atipici o utilizza caratteri insoliti.

1.

Aggiungi un tag "grassetto" al testo per il quale vuoi migliorare la leggibilità. Ad esempio, se avessi il testo "xxxxxx" in un tag "" sulla tua pagina, il codice sarebbe

" xxxxxx "

2.

Aumenta la dimensione del tuo testo aggiungendo una definizione "Dimensione carattere" al tuo elemento. Ad esempio, è possibile aumentare la dimensione del carattere dall'impostazione predefinita "Medio" a un'impostazione "Grande". Con il tuo testo "xxxxxx" in un tag "", regola il codice in modo che venga letto come

"xxxxxx"

3.

Cambia il colore di sfondo dell'elemento HTML in un valore che contrasta maggiormente con il colore del carattere impostando le proprietà "Colore" e "Sfondo-Colore" del tuo elemento. Ad esempio, è possibile impostare il colore del testo in nero e il colore dello sfondo in bianco per la massima leggibilità con il codice

"xxxxxx"

Nota che "# 000000" è il codice colore HTML per il nero e "#ffffff" è il codice colore per il bianco.

Mancia

  • Evitare l'uso di caratteri insoliti. Sebbene possano sembrare interessanti, si basano sui lettori che hanno questi caratteri installati sul loro computer. Se non hanno un font particolare, il browser sceglierà quello che pensa sia vicino, il che potrebbe comportare modifiche sostanziali al modo in cui la pagina viene visualizzata.

Raccomandato