Programmazione Web » Css » Css e Font: una combinazione accessibile
Css e Font: una combinazione accessibile
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 1175 volte
In questo tutorial vedremo un piccolo trucco per combinare i fonts di una pagina web con i CSS in modo più accessibile possibile.
I CSS permettono di assegnare una grandezza specifica in pixel ai fonts... ad esempio scrivendo
body {
font-size:12px;
}
il font della nostra pagina sarà di 12 px.
Dove sta lo svantaggio?
Lo svantaggio dell'assegnazione di una grandezza specifica dei fonts sta nel fatto che i CSS bloccheranno il font, ossia non sarà ingrandibile dall'utente. Questi infatti, sebbene provi a impostare dal menu del browser la dimensione del carattere da medio a grande o che sia, non riuscirà a modificare la grandezza del font, poichè fissa ad una regola CSS. Sicuramente un problema dal punto di vista dell'accessibilità del nostro sito.
Come porvi rimedio?
Vi sono due soluzioni principali:
1) Inserire un sistema manuale per il ridimensionamento dei caratteri
2) Utilizzare una diversa codifica dei fonts.
Il primo punto è spiegato in maniera completa nell'articolo segnalato. Riguardo al secondo, ecco alcune informazioni.
L'attributo font-size dei CSS oltre alle dimensioni in px offre diverse opzioni:
- large
- larger
- medium
- small
- smaller
- x-large
- x-small
- xx-large
- xx-small
Essi definiscono una grandezza determinata ma modificabile, quindi l'utente potrà cambiarla dal menu del browser.
Indicativamente x-small corrisponde a 10px.
Aggiungi questo tutorial ai preferiti
