Qualità web - Fogli di stile

L'uso delle tabelle di stile è fondamentale per migliorare la qualità delle pagine web.

Non utilizzare il tag font

Utilizza CSS per impostare la dimensione dei caratteri visualizzati sul web. Non utilizzare il tag font.

L'uso del tag <font> aumenta la dimensione del documento e rende un incubo ogni volta che devi cambiare la dimensione del testo standard.

Immagina la seguente situazione:

Un giorno decidi di modificare il colore e la dimensione di tutti i titoli del tuo sito web. Attraverso CSS, puoi farlo con una singola modifica. Se utilizzi il tag <font>, dovrai modificare tutti i titoli su tutte le pagine del sito.

Utilizzando lo stile al posto del tag <font> possiamo creare interfacce di alta qualità per le nostre pagine web con maggiore facilità.

Non utilizzare dimensioni di font fisse.

Non utilizzare dimensioni di font fisse. Utilizzare sempre dimensioni di font relative.

Non utilizzare valori di dimensione fissi. Utilizzare sempre valori di dimensione relativi.

La ragione più importante per questo consiglio è che non è possibile modificare la dimensione fisso tramite il browser.

I visitatori utilizzeranno diversi dispositivi (schermi), diversi ambienti di navigazione (luce) e possibili disabilità (ipoacusia).

Ad esempio, è possibile impostare la dimensione del testo di qualcuno al 100% (o medium), il titolo principale al 140% (o x-large) e i sottotitoli al 120% (o large), in modo che gli utenti possano utilizzare il browser per reimpostare la dimensione preferita.

Tramite la funzione di regolazione delle dimensioni del testo delle pagine web, è possibile modificare anche il numero di parole nella pagina di stampa.

Non utilizzare dimensioni di font predefinite molto piccole

Alcuni siti utilizzano dimensioni di testo molto piccole per poter inserire più contenuti in ogni pagina o per far sembrare la pagina più 'moderna'.

Ripetiamo ancora, l'uso di diversi dispositivi (schermi), diversi ambienti di navigazione (luce) e possibili disabilità (ipoacusia) può causare difficoltà di lettura agli utenti.

Non costringere gli utenti a ingrandire la dimensione del testo ogni volta che visitano il tuo sito.

Utilizzare sempre colori di sfondo coerenti

La maggior parte delle pagine web utilizza colori diversi per diversi elementi di testo. I colori dei titoli e dei link sono spesso diversi dal colore del testo del corpo.

Come designer web, è importante essere consapevoli del fatto che i visitatori possono modificare le opzioni di colore predefinite.

Se si definisce un colore per l'elemento web, si dovrebbe altresì definire il colore di sfondo.

Se non si definisce il colore di sfondo, il sito web potrebbe essere rovinato da combinazioni di colori scadenti (ad esempio, testo chiaro su sfondo rosso, o testo scuro su sfondo scuro).