ti trovi in: Home Page - Biblioteca - Manualistica - L'accessibilità dei siti web - Accessibilità dei contenuti -
Definizione
La terza linea guida da rispettare per garantire l'accessibilità dei contenuti del Web afferma:
"Marcare i documenti con i corretti elementi strutturali. Controllare la presentazione con i fogli di stile piuttosto che con elementi e attributi di presentazione"
Per non limitare l'accesso alle pagine Web a nessuna categoria di utenti, è necessario usare sempre i marcatori più specifici per ogni situazione.
La scelta dei marcatori è fondamentale per la comprensione della struttura della pagina. Per esempio, esistono i:
Se vengano usati i marcatori di presentazione, invece di quelli strutturali, per rendere l'organizzazione della pagina, si rende difficile per l'utente con software specialistico la comprensione della struttura della pagina e la navigazione attraverso questa.
Per evitare questi problemi, nelle pagine seguenti indicheremo alcuni criteri da utilizzare, con specifici riferimenti ai fogli di stile.
Priorità 2 - Impaginazione con i fogli di stile
L'architettura del documento e la sua presentazione sono due aspetti da tenere ben distinti, sia dal punto di vista concettuale sia nell'uso degli elementi del codice HTML.
Ci sono, infatti, elementi del linguaggio dedicati alla struttura ed altri alla presentazione su schermo o su altra periferica.
È importante fare un corretto uso delle due classi di codici per non generare confusione.
I primi servono a strutturare il documento in parti ben definite, quali titolo, paragrafi, liste e così via, mentre i secondi permettono di scegliere la forma di presentazione di certe parti del documento, come il font da usare, il colore ed eccetera.
Nel HTML 4.0 sono stati introdotti i "fogli di stile".
Il loro uso è fondamentale per:
L'utilizzo corretto, quindi, degli elementi di presentazione, attraverso i fogli di stile, fa sì che i browser possano garantire una migliore navigazione nel documento.
I fogli di stile indicano una serie di specifiche che riguardano la presentazione di un documento come i caratteri, i punti, gli stili, i tipi di paragrafi, i rientri, le liste, il tipo di sfondo e eccetera.
Usando i fogli di stile gli sviluppatori di pagine HTML:
Per utilizzare i fogli di stile, bisogna creare file con estensione .css.
In questi file saranno inserite, in formato testo, le indicazioni di stile da applicare a tutte le pagine HTML contenute in un sito Web.
Con un file esterno, quindi, basterà inserire in tutte le pagine del sito il comando seguente, sostituendo in base ai casi l'URL del foglio di stile:
<HEAD>
<LINK REL=STYLESHEET HREF="url del foglio di stile" TYPE="text/css">
</HEAD>
Per inserire le disposizioni di stile in ogni pagina del sito, si collocheranno le definizioni di stile (contenute in parentesi graffe) all'interno del comando <STYLE>.......</STYLE>, come nell'esempio che segue:
<HEAD>
<STYLE TYPE="text/css">
BODY {font-family: Arial; font-size:
10 pt; font-style: normal}
P {margin-left: 40px; margin-right: 40px; margin-top: 20px}
</STYLE>
< /HEAD>
Priorità 2 - Accorgimenti
Nella strutturazione delle pagine sarà, inoltre, essenziale ricordarsi di:
Nella strutturazione delle pagine sarà, inoltre, essenziale ricordarsi di: