PROGRAMMIAMO
HTML - Accessibilità: tile e attributo lang
L'elemento title

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

L'attributo lang serve per indicare il linguaggio in cui è stata scritta una certa pagina. Si consideri l'esempio seguente:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<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.

Dove si usa l'attributo lang

L'attributo lang può essere applicato a un gran numero di elementi, fra cui <html>, <body>, <span>, <div>, <p>, <a> e altri ancora.

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:

<!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>  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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<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>).

 

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it