5 consigli per un webdesign accessibile

di Davide Commenta

In questo articolo vedremo 5 cose che non possono mancare nel nostro CSS!

1. Colore di sfondo del body

body {background-color: #fff}

Mettete sempre un colore di sfondo alla pagina per far in modo che la pagina sia leggibile anche a chi ha impostazioni diverse dei colori non standard.

2. Link riconoscibili

a:link {
background: #fff;
color: #f00;
text-decoration: underline;
}
a:visited{
background: #fff;
color: #f77;
text-decoration: underline;
}
a:hover, a:active, a:focus{
background: #f00;
color: #fff;
text-decoration: none;
}

E’ bene che tutti i link siano “notati”, vi consiglio di sottolinearli e distinguere bene il colore dei link già visitati da quelli non ancora visitati.

3. Font generici
E’ sempre bene usare nel nostro sito,  font, ovvero scritture, già preinstallate nel PC, per darvi un idea, il classico Times New Roman.

4. Testi a dimensione variabile
Non esprimete mai i testi in pixel perchè uno che ha la risoluzione alta deve, per esempio, zoommare, è meglio usare le percentuali!

5. CSS per la stampa
A chi stampa interessa il contenuto quindi vedete bene di mettere un font leggibile e togliere le parti come menù eccetera!

Lascia un commento

Il tuo indirizzo email non verrà pubblicato.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>