Corsi on-line

CSS: l’importanza di “focus” e “active” per i link

Quando si definiscono gli attributi per la formattazione dei link tramite fogli di stile CSS, è importante tenere conto anche di coloro che possono accedere alle pagine Web soltanto attraverso l’utilizzo della tastiera; può sembrare strano che ci siano utenti che non utilizzano la classica accoppiata “mouse + keybord”, ma questa scelta è non di rado dettata da esigenze legate all’accessibilità.

“Focus” e “active” sono due attributi, o per meglio dire due “stati”, che possono essere utilizzati per rendere più semplice la vita di coloro che utilizzano esclusivamente la tastiera, vediamo di seguito un semplice esempio:

a, a:link {color:blue; background:white}
a:visited {color:green}
a:active,
a:focus,
a:hover {color:red}

Non è necessario che gli status “focus” e “active” siano associati al medesimo valore definito per “hover”, differenziarli renderà ancora più semplice l’accesso alle pagine Web.

Post correlati
I più letti del mese
Tematiche