| Línea 104: | Línea 104: | ||
<div class="wcag-info-intro">Pasos específicos para verificar el cumplimiento. | <div class="wcag-info-intro">Pasos específicos para verificar el cumplimiento. | ||
<span class="paso-badge>Paso 1.</span> 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": | <span class="paso-badge>Paso 1.</span> | ||
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 <strong> html </strong> y comprobar el atributo <strong>"lang"</strong>: | |||
< | <code class="wcag-codigo-html"> | ||
<html lang="XXXX"> | |||
</code> | |||
<span class="paso-badge>Paso 2.</span> Verificar que el código de idioma sigue la sintaxis correcta. | <span class="paso-badge>Paso 2.</span> | ||
Verificar que el código de idioma sigue la sintaxis correcta. | |||
** Tabla de [https://www.w3schools.com/tags/ref_language_codes.asp ISO 639-1 Language Codes] (lenguajes genéricos) | ** Tabla de [https://www.w3schools.com/tags/ref_language_codes.asp ISO 639-1 Language Codes] (lenguajes genéricos) | ||
** [https://datatracker.ietf.org/doc/html/rfc5646 Tags for Identifying Languages] (dialectos de lenguajes) | ** [https://datatracker.ietf.org/doc/html/rfc5646 Tags for Identifying Languages] (dialectos de lenguajes) | ||
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.
Un caso real o hipotético que ayude a entenderlo.
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":
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ó
