Los lectores de pantalla usan la s\u00edntesis de voz para leer el contenido. Para pronunciar correctamente las palabras, necesitan saber en qu\u00e9 idioma est\u00e1n escritas. Un lector de pantalla configurado en ingl\u00e9s que lee un texto en catal\u00e1n sin indicaci\u00f3n de idioma intentar\u00e1 pronunciar las palabras catalanas con fonolog\u00eda inglesa. El resultado es completamente incomprensible.<\/p>\n
El criterio WCAG 3.1.1 exige que el idioma principal de cada p\u00e1gina pueda ser determinado program\u00e1ticamente. El atributo lang al elemento Si tu web tiene contenido en m\u00faltiples idiomas dentro de una misma p\u00e1gina, tienes que indicar los cambios de idioma con el atributo lang al elemento que contiene el contenido en idioma diferente:<\/p>\n Esto permite al lector de pantalla cambiar autom\u00e1ticamente la pronunciaci\u00f3n cuando cambia el idioma.<\/p>\n WordPress gestiona autom\u00e1ticamente el atributo lang si el idioma del lugar est\u00e1 configurado correctamente. Ve a Ajustes \u2192 General \u2192 Idioma del lugar<\/strong> y selecciona el idioma correspondiente. WordPress a\u00f1adir\u00e1 el atributo lang correcto al Si el teu tema usa una plantilla personalitzada que no hereta la configuraci\u00f3 d’idioma de WordPress, potser cal revisar que el fitxer Axe-core comprueba dos cosas: que el atributo lang exista ( Puedes verificar el valor del lang de tu web con la herramienta de autoevaluaci\u00f3n de webaccessible.cat, que comprueba tanto la existencia como la validez del c\u00f3digo de idioma.<\/p>\n 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.<\/p>\n<\/div><\/div><\/div><html><\/code> es la manera est\u00e1ndar de cumplir este criterio.<\/p>\nC\u00f3mo se especifica el idioma<\/h2>\n
<!-- Catal\u00e0 --><\/code>
\n<html lang=\"ca\"><\/code><\/p>\n<!-- Castell\u00e0 --><\/code>
\n<html lang=\"es\"><\/code><\/p>\n<!-- Angl\u00e8s --><\/code>
\n<html lang=\"en\"><\/code><\/p>\n<!-- Catal\u00e0 de la Comunitat Valenciana --><\/code>
\n<html lang=\"ca-ES\"><\/code><\/p>\nCambios de idioma dentro del contenido<\/h2>\n
<p>El nostre lema \u00e9s <span lang=\"en\">accessibility for all<\/span>.<\/p><\/code><\/p>\nWordPress y el atributo lang<\/h2>\n
<html><\/code>.<\/p>\nheader.php<\/code> inclogui la funci\u00f3 language_attributes()<\/code> de WordPress:<\/p>\n<html <?php language_attributes(); ?>><\/code><\/p>\nValor inv\u00e1lido de lang<\/h2>\n
html-has-lang<\/code>) y que el valor sea v\u00e1lido (html-lang-valid<\/code>). Un valor como lang=\"catala\"<\/code> o lang=\"cat\"<\/code> no es v\u00e1lido. Hay que usar los c\u00f3digos BCP 47 est\u00e1ndar: ca<\/strong> para el catal\u00e1n, es<\/strong> para el castellano, en<\/strong> para el ingl\u00e9s, fr<\/strong> para el franc\u00e9s, etc.<\/p>\n