| Línea 52: | Línea 52: | ||
<div class="wcag-info-criterio"> | <div class="wcag-info-criterio"> | ||
Cuando el contenido visual cambia, como un icono de error que se convierte en marca de verificación, la alternativa textual debe actualizarse automáticamente. Si no lo hace, las personas que usan lectores de pantalla recibirán información incorrecta, haciendo inaccesible la página. Cumplir este criterio requiere que diseñadores y desarrolladores gestionen correctamente los cambios dinámicos. | Cuando el contenido visual cambia, como un icono de error que se convierte en marca de verificación, la alternativa textual debe actualizarse automáticamente. | ||
Si no lo hace, las personas que usan lectores de pantalla recibirán información incorrecta, haciendo inaccesible la página. | |||
Cumplir este criterio requiere que diseñadores y desarrolladores gestionen correctamente los cambios dinámicos. | |||
</div> | </div> | ||
Usuarios más afectados
Personas con discapacidad visual total - Barrera grave
Personas con baja visión – Barrera leve
Esto evita que los usuarios, especialmente aquellos que utilizan lectores de pantalla, reciban información desactualizada, incorrecta o confusa, manteniendo así la robustez y la accesibilidad del contenido.
Cuando el contenido visual cambia, como un icono de error que se convierte en marca de verificación, la alternativa textual debe actualizarse automáticamente.
Si no lo hace, las personas que usan lectores de pantalla recibirán información incorrecta, haciendo inaccesible la página.
Cumplir este criterio requiere que diseñadores y desarrolladores gestionen correctamente los cambios dinámicos.
El incumplimiento de este punto se documenta en las WCAG como:
Falla F20: No actualizar las alternativas textuales cuando ocurren cambios en el contenido no textual, lo cual representa un fallo tanto del Criterio 1.1.1 como del Criterio 4.1.2 Nombre, función y valor.
La necesidad de actualizar las alternativas textuales está íntimamente ligada al concepto de hacer que los componentes dinámicos sean robustos y compatibles con los productos de apoyo (Criterio 4.1.2).
Se debe revisar manualmente si el texto del atributo alt (o el nombre accesible dado por otras propiedades) se adapta a los cambios en el contenido no textual.
Los desarrolladores deben asegurarse de que, si utilizan programación (scripts/JavaScript) para crear componentes dinámicos, el nombre, la función, los estados y los valores se actualicen correctamente y se expongan a la API de accesibilidad (Criterio 4.1.2).
La necesidad de actualizar las alternativas textuales está íntimamente ligada al concepto de hacer que los componentes dinámicos sean robustos y compatibles con los productos de apoyo (Criterio 4.1.2).
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 .
