Ogni pagina web dovrebbe contenere un elemento <title> nell'head e il contenuto di tale elemento dovrebbe essere unico e diverso su ogni pagina del sito. Se i title di pagine diverse sono uguali, un lettore vocale (per persone con disabilità visive) potrebbe non essere in grado di distinguere correttamente una pagina da un'altra.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title> Accessibilità e progettazione delle pagine web </title>
</head>
<body>
...
</body>
</html>
L'attributo lang serve per indicare il linguaggio in cui è stata scritta una certa pagina. Si consideri l'esempio seguente:
<html lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title> Pagina in italiano </title>
</head>
<body>
...
</body>
</html>
L'attributo lang="it" applicato all'elemento <html> della pagina, indica che la pagina è scritta in lingua italiana (it). Esistono codici letterali per indicare tutte le lingue del mondo: per esempio inglese è en, francese fr, spagnolo es eccetera (vedi una lista completa dei codici).
Perché è importante indicare il linguaggio di una pagina? In generale questa informazione è utile per i motori di ricerca (es. Google) quando indicizzano le pagine, in modo da riconoscere correttamente a quale linguaggio appartiene la pagina stessa. Inoltre l'indicazione del linguaggio è richiesta esplicitamente per l'accessibilità del sito, in quanto viene utilizzata dai lettori vocali (utilizzati per esempio dalle persone con problemi alla vista) per pronunciare correttamente il testo letto.
In HTML 5 l'attributo lang è universale e dunque può essere applicato a tutti gli elementi di una pagina.
In generale si usa nell'elemento <html> (come nel nostro esempio precedente) o, in modo equivalente, nell'elemento <body> per indicare il linguaggio dell'intera pagina. Per esempio:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title> Pagina in italiano </title>
</head>
<body lang="it">
...
</body>
</html>
Quando la pagina contiene parti scritte in lingue diverse, l'attributo lang deve essere utilizzato per indicare il passaggio a un'altra lingua. Si consideri l'esempio seguente:
<html lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title> Pagina in italiano </title>
</head>
<body>
<p> Benvenuti nel nostro sito!</p>
<p lang="en"> Welcome to our site! </p>
<p lang="es"> Bienvenido a nuestro sitio! </p>
<p> Qui c'è il resto della pagina....</p>
</body>
</html>
Il paragrafo Welcome to our site! è in inglese, Bienvenido a nuestro sitio! è in spagnolo, mentre il resto della pagina è in italiano (come indicato all'inizio nell'elemento <html>).
Sito realizzato in base al template offerto da
http://www.graphixmania.it