Pixelgratis.com - Risorse per webmaster - Accessibilità ed usabilità nel WWW (parte 4)

E' necessario pensare all'accessibilità e all'usabilità prima e durante la creazione del sito, non dopo. Infatti, oltre alla validazione del codice (x)html, dovreste anche preoccuparvi:

della separazione fra contenuto e presentazione
della facilità di navigazione
della struttura logica delle pagine
della semantica nella redazione dei vostri testi
etc....

(se siete stati 2 ore per cercare di validare la vostra homepage per poi accorgervi di dover rifare tutto d'accapo, vi chiedo scusa, e sappiate che mi sento tremendamente in colpa :-)

Separazione fra contenuto e presentazione

Per farla breve: contenuto e presentazione devono essere separati. Ovvero, tutte le informazioni che volete passare (il contenuto) devono trovarsi da una parte, il loro aspetto grafico, la loro disposizione nella pagina, eventuali effetti "speciali" (la presentazione) da un'altra. Ciò si può ottenere accoppiando (x)html e css (o, ancora più moderno, xml, xsl & amici).

In questo modo avremo una pagina contenete solo i contenuti testuali, e un'altra con le istruzioni di formattazione. Se volete vedere un esempio, potete guardare il codice di questa pagina: noterete che non si sono istruzioni riguardanti il layout o l'aspetto grafico, che invece troverete nel foglio di stile.

(ricordatevi di validare anche il vostro foglio di stile: http://jigsaw.w3.org/css-validator)

Facilità di navigazione e struttura logica

Questo argomento sarebbe troppo complesso e troppo vasto da trattare in un misero paragrafo. Bisogna usare il buon senso ed organizzare in modo coerente le varie pagine e directory del sito, adoperando queste ultime per classificare i documenti che hanno un tema in comune. Ogni pagina del vostro sito dovrebbe essere raggiungibile con 4, massimo 5 click per le pagine più interne e "specifiche".

La semantica nella redazione del documento

Arricchire un testo di informazioni semantiche è sempre una buona idea.

Le informazioni semantiche sono informazioni aggiuntive volte ad esplicare il contesto di un documento e il significato delle parole. I tag <h1>, <h2>, <em>, <strong>, <acronym>, <blockquote> etc... andrebbero utilizzati sempre, per 3 motivi:

Sono utili all'utente, che può distinguere meglio titoli, parti importanti del testo, citazioni, acronimi etc...
Sono utili al motore di ricerca, che può capire l'importanza di una parola (se l'<h1> della mia pagina è "accessibilità", di certo questa parola avrà più peso che se utilizzata nel testo normale in mezzo a centinaia di altre parole).
Sono utili a browser come quelli vocali per impostare il giusto tono di voce.

Per scrivere i titoli e i sottotitoli delle pagine conviene dunque utilizzare gli <h1> <h2> <h3>, per enfatizzare del testo in corsivo c'è <em>, per evidenziarlo in grassetto <strong>, per spiegare il significato di un acronimo <acronym> e così via.

Fornite anche delle informazioni aggiuntive sulla vostra pagina fra i tag <head> e </head>, ad esempio:

Simone Frattegiani