Validare l'XHTML



Realizzare siti ad elevata accessibilità richiede innanzitutto che si usi codice (X)HTML e CSS valido, ovvero scritto nel rispetto dei relativi standard definiti dal W3C.

Per quanto riguarda (X)HTML, una pagina è valida se e soltanto se:

  1. Al suo inizio è dichiarata la Dtd utilizzata nel documento;
  2. Gli elementi e gli attributi adoperati rispettano alla lettera la sintassi per loro definita nella Dtd dichiarata all'inizio.

Il controllo della validità del codice (X)HTML per fortuna può essere effettuato automaticamente, ricorrendo ad appositi software, come il "MarkUp Validation Service" presente sul sito W3C.

Questo fondamentale controllo di validità del codice è purtroppo del tutto trascurato dalla gran massa degli sviluppatori, anche per i siti più importanti. Se proviamo, ad esempio, a far analizzare al validatore automatico del W3C la prima pagina di Repubblica.it otteniamo qualcosa come 757 errori di codice (prova eseguita il 3 settembre 2003)

Figura 8 L'analisi della prima pagina di Repubblica.it con oltre 700 errori di codice HTML

È chiaro che per costruire pagine valide occorre conoscere i "ferri" del mestiere, ovvero saper lavorare all'occorrenza direttamente sul codice della pagina, tralasciando gli aiuti visuali offerti dai cosiddetti programmi WYSIWYG. Nel correggere gli errori di codice, il validatore del W3C fornisce però un discreto aiuto: indica allo sviluppatore la riga del listato della pagina dove è presente l'errore e descrive il tipo di errore. Quest'ultimo ausilio è utile però solo nella misura in cui si conosca già a sufficienza la sintassi di (X)HTML, tanto da saper riconoscere e risolvere il problema.

Tuttavia non è difficile imparare. La maggior parte degli errori riscontrati dal validatore riguardano:

  • Elementi aperti e non chiusi o viceversa
  • Elementi incastrati invece che annidati (p.es. <b><i> ... </b></i>, invece di <b><i> ... </i></b>)
  • Uso di elementi e attributi non consentiti dalla Dtd adoperata (problema che si verifica tipicamente quando si inseriscono nel codice elementi e attributi di presentazione dopo aver dichiarato la Dtd rigorosa, che non li prevede)
  • Uso del carattere ‘&' in una stringa di query (va sostituito con l'entità carattere ‘&amp;')
  • Uso di valori di attributo non consentiti
  • Dtd non dichiarata

Consigliamo vivamente agli autori interessati a sviluppare risorse accessibili di correggere tutti gli errori di sintassi (X)HTML riscontrati dal validatore del W3C, prima di rendere pubbliche ufficialmente le loro pagine. Non è detto che un errore nel codice pregiudichi l'accessibilità di un documento, ma un codice sciatto è comunque un cattivo biglietto da visita per un lavoro che pretenda di essere ben fatto. Prima di mettere il tetto su una casa, è necessario aver piantato delle fondamenta solide: scrivere pagine (X)HTML prive di errori equivale sicuramente ad aver messo delle buone fondamenta!

Rappresentato nella figura qui sotto potete anche vedere l'icona mostrata dal validatore W3C al termine dell'analisi di una pagina XHTML 1.0 riscontrata valida. L'autore della pagina può esporre a sua discrezione questo bollino, per dichiarare pubblicamente la conformità della risorsa alla sintassi di XHTML 1.0.

Figura 9 L'icona mostrata dal validatore W3C al termine dell'analisi di una pagina XHTML 1.0 riscontrata valida

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti