Usuarios más afectados
Personas con discapacidad visual total - Barrera grave
Personas con baja visión – Barrera moderada
Personas con discapacidad cognitiva – Barrera leve
El idioma predeterminado de cada página web puede ser determinado por software.
Proporcionar la información necesaria para que los agentes de usuario (lector de pantalla) 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:
Se indica un video con un ejemplo del criterio.
Comprobación Manual
Paso 1. Usa la herramienta de inspección de código del navegador.
Paso 2.
Comprueba que existe en el elemento <html>
los atributos lang y/o xml:lang.
Paso 3. Verificar que el código de idioma corresponde a la identificación de idioma correcto. Comprobar los códigos de idioma en los siguientes enlaces:
El código de esta página está escrito en idioma español y así se indica de forma semántica con la etiqueta lang=ES (ES:Español).
<html lang="ES">
Herramienta de inspección con un Bookmarklet
Existen otras maneras de observar este criterio en un sitio web.
Al mostrar la información con el bookmarklet, comprobar que el código mostrado corresponde al idioma de la página.
La página de la wiki está escrita en español , el identificador que ha de mostrar el Bookmarklet ha de ser ES .
Nombre de la herramienta: Web Developer Toolbar
1. Seleccionar “Images – Outline images without alt attributes” y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo “alt”.
2. Seleccionar “Images – Display alt attributes”. Comprobar la página valorando si el texto de dicho atributo describe el cometido de la imagen.
Se listan diferentes ejemplos
Esta imagen es accesible porque tiene un atributo "alt" y se muestra un texto alternativo que describe la imagen de forma correcta. Es una imagen que complementa la información textual y por ello necesita una descripción para comunicar en texto su contenido
alt="Atributo alt con un texto descriptivo y adecuado a la imagen"
Exemple NO accesible 1
Falta etiqueta alt en la imagen
alt=""
Exemple NO accesible 2
El texto del atributo alt que describe la imagen no corresponde a la información visual de la imagen
alt=""
En esta imagen se puede observar como correctamente hay un atributo alt
{{sust:discutido}}
<ref>Plantilla:Cita web</ref>
