Quin problema resol l’atribut lang?
Els lectors de pantalla usen la síntesi de veu per llegir el contingut. Per pronunciar correctament les paraules, necessiten saber en quin idioma estan escrites. Un lector de pantalla configurat en anglès que llegeix un text en català sense indicació d’idioma intentarà pronunciar les paraules catalanes amb fonologia anglesa. El resultat és completament incomprensible.
El criteri WCAG 3.1.1 exigeix que l’idioma principal de cada pàgina pugui ser determinat programàticament. L’atribut lang a l’element <html> és la manera estàndard de complir aquest criteri.
Com s’especifica l’idioma
<!-- Català -->
<html lang="ca">
<!-- Castellà -->
<html lang="es">
<!-- Anglès -->
<html lang="en">
<!-- Català de la Comunitat Valenciana -->
<html lang="ca-ES">
Canvis d’idioma dins el contingut
Si el teu web té contingut en múltiples idiomes dins d’una mateixa pàgina, has d’indicar els canvis d’idioma amb l’atribut lang a l’element que conté el contingut en idioma diferent:
<p>El nostre lema és <span lang="en">accessibility for all</span>.</p>
Això permet al lector de pantalla canviar automàticament la pronúncia quan canvia l’idioma.
WordPress i l’atribut lang
WordPress gestiona automàticament l’atribut lang si l’idioma del lloc està configurat correctament. Ves a Ajustos → General → Idioma del lloc i selecciona l’idioma corresponent. WordPress afegirà l’atribut lang correcte al <html>.
Si el teu tema usa una plantilla personalitzada que no hereta la configuració d’idioma de WordPress, potser cal revisar que el fitxer header.php inclogui la funció language_attributes() de WordPress:
<html <?php language_attributes(); ?>>
Valor invàlid de lang
Axe-core comprova dues coses: que l’atribut lang existeixi (html-has-lang) i que el valor sigui vàlid (html-lang-valid). Un valor com lang="catala" o lang="cat" no és vàlid. Cal usar els codis BCP 47 estàndard: ca per al català, es per al castellà, en per a l’anglès, fr per al francès, etc.
Pots verificar el valor del lang del teu web amb l’eina d’autoevaluació de webaccessible.cat, que comprova tant l’existència com la validesa del codi d’idioma.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.