Usuarios afectados
Personas con discapacidad visual total
Usuarios de lector de pantalla
Otros con dificultades de percepción o comprensión textual
Qué exige el criterio de forma simple.
El idioma predeterminado de cada página web puede ser determinado por software.
Qué persigue desde el punto de vista de la accesibilidad.
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta.
Un caso real o hipotético que ayude a entenderlo.
Por qué es importante cumplirlo; consecuencias de no hacerlo.
Para que los usuarios que utilizan un lector de pantalla puedan comprender el texto leido por la herramienta.
Enlaces a las técnicas (por ejemplo, H57).
Se indican las referencias con las pautas 2.1.
Vídeos, artículos o enlaces explicativos.
Video: https://youtu.be/Ed8CNJrkm74?t=4950
Manual / Automática / Mixta
Comprobación manual
Pasos específicos para verificar el cumplimiento.
Mirar si hay:
Bookmarklets, extensiones, validadores, etc
Herramienta de inspección Bookmarklet
Descripción + código + enlace + video (si aplica).
Identificación correcta del idioma: Ingles de Reino unido. “en-GB”
Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"
URL página web de SONY (china)
VIDEO video de ejemplo accesible
Descripción + código + enlace + video (si aplica).
El idioma no se identifica de forma adecuada en el atributo alt. Se escribe el idioma "en" y deberia ser "ch"
alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"
URL página web de SONY (inglaterra)
VIDEO video de ejemplo NO accesible
Código HTML/CSS/JS correcto o buenas prácticas.
Lo que se suele hacer mal.
Otros criterios que pueden verse afectados o complementarse.
Fecha y versión de actualización
Quién elaboró la ficha o de dónde se tomó
| Nivel | A |
|---|---|
| Versión | 2.2 |
| Usuarios con los que impacta | Archivo:IconoVisual.jpg Discapacidad visual total Archivo:IconoBajaVision.jpg Personas que escuchan con lector de voz |
| Categoría | Contenido |
| Subcategoría | Texto |
El idioma predeterminado de cada página web puede ser determinado por software.
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta.
Para que los usuarios que utilizan un lector de pantalla puedan comprender el texto leido por la herramienta.
Se indican las referencias con las pautas 2.1.
https://youtu.be/Ed8CNJrkm74?t=4950
Esta sección muestra como puede evaluarse el criterio. Se incluyen ejemplos visuales y en formato video del criterio cuando es accesible y no accesible
Tipo: Comprobación manual
Procedimiento de comprobación:
1. Usando la herramienta de inspección de código del navegador, comprobar que existe el elemento con los atributos lang y/o xml:lang. 2. Verificar que el código de idioma sigue la sintaxis correcta.
Alternativa
Mirar si hay:
Herramienta de inspección Bookmarklet
Identificación correcta del idioma: Ingles de Reino unido. “en-GB”
Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"
URL página web de SONY (china)
VIDEO video de ejemplo accesible
El idioma no se identifica de forma adecuada en el atributo alt. Se escribe el idioma "en" y deberia ser "ch"
alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"
URL página web de SONY (inglaterra)
VIDEO video de ejemplo NO accesible
Se explica como puede implementarse bien el criterio
Identifique el idioma predeterminado o principal de una página web y, a continuación, configure el atributo de idioma del <html>elemento en ese idioma. Cuando una página web utiliza varios idiomas, el idioma predeterminado debe ser el más usado.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>documento escrito en español</title>
</head>
<body>
… documento escrito en español …
</body>
</html>
