Principio 3/3.1 Leíble/3.1.1-A
De WCAG Wiki
3.1.1-A. Idioma de la página
- Nivel: A
- Versión: 2.0
- Principio: 3_Comprensible
- Pauta: 3.1_Legible
- Grupo: Lenguaje
- Subgrupo: Idioma_principal
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Visual total –
Barrera grave
-
Cognitiva –
Barrera moderada
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Se debe identificar el idioma principal de la página con los atributos adecuados según la gramática usada y con un código de idioma correcto.
Comprensión del criterio
Descripción resumida
El idioma principal de la página debe declararse correctamente para que los agentes de usuario puedan pronunciar y procesar el contenido sin errores.
Objetivo
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta, especialmente lectores de pantalla.
Importancia de cumplir el criterio
Las personas usuarias de lectores de pantalla dependen de la identificación correcta del idioma para recibir pronunciación adecuada. Un marcado incorrecto genera errores de comprensión y dificulta el acceso al contenido.
Referencias WCAG
Recursos de apoyo
- Atributos
langyxml:lang - Códigos BCP47 (ej:
es,en-US,ca) - Language tags in HTML and XML
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1.
Usando la herramienta de inspección de código del navegador, comprobar que existe el elemento
<html>con los atributoslangy/oxml:lang. - Paso 2. Verificar que el código de idioma sigue la sintaxis correcta.
Resultado esperado
El idioma principal de la página está identificado y coincide con el idioma del contenido.
Ejemplo
<html lang="es"> <body> <h1>Bienvenido</h1> </body> </html>
Otras herramientas de evaluación
-
Bookmarklet:
Clica o arrastra este botón a tu barra de marcadores y podrás ejecutarlo y ver el idoma de otras páginas.
Ver el idioma de la página - Inspección del código: comprobar que el idioma principal de la página está indicado usando el atributo
langen la etiqueta<html>con un código de idioma válido (p. ej.,lang="es",lang="en"). - Validadores HTML: usar el validador del W3C u otras herramientas automáticas para detectar la ausencia del atributo
lango códigos incorrectos. - Prueba con lectores de pantalla: (NVDA, JAWS, VoiceOver) cargar la página desde el inicio y comprobar que el lector anuncia el idioma correcto.
- Herramientas del navegador: revisar el árbol accesible (Accessibility panel en DevTools) para confirmar que el idioma está reconocido correctamente.
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 3.1.1-A. Idioma de la página
Loading comments...
