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.
Ahora, corriges el error y el icono cambia automáticamente a una marca de verificación verde. Si el sistema no actualiza su código interno, el lector de pantalla seguirá anunciando: "Advertencia: campo incompleto", aunque visualmente ya ves el check verde.
Para una persona ciega, esta falta de actualización significa que la herramienta es inútil, ya que no puede confiar en que la información que escucha se corresponda con la realidad de la página. Es fundamental que, cada vez que el contenido no textual cambie (ya sea un estado, un valor o una nueva imagen), la alternativa textual se actualice dinámicamente para reflejar ese cambio. Esto requiere la colaboración entre diseñadores y desarrolladores para gestionar correctamente el contenido dinámico.
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 .
