| Línea 132: | Línea 132: | ||
==== Ejemplo accesible ==== | ==== Ejemplo accesible ==== | ||
<html> | <html> | ||
<div class="accessibility-card"> | <div class="accessibility-card"> | ||
Usuarios afectados
Personas con discapacidad visual total
Usuarios de lector de pantalla
Otros con dificultades de percepción o comprensión textual
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:
Se indica un video con un ejemplo del criterio.
Comprobación Manual
Paso 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. Buscar en la etiqueta html y comprobar el atributo "lang":
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ó
