2526UPSA4.1.3-A-000
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_4/4.1_Compatible/4.1.3-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://es.wallapop.com/
2.1.2. Código HTML:
<div class="mensaje">
No se han encontrado resultados para tu búsqueda
</div>
Explicación del problema detectado:
El mensaje de estado se presenta únicamente de forma visual y no está identificado mediante roles o propiedades ARIA. Como resultado, los lectores de pantalla no detectan ni anuncian el cambio de estado, incumpliendo el subcriterio 4.1.3-A.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema supone una barrera grave para personas con discapacidad visual total, ya que no reciben información sobre errores o resultados de acciones, lo que dificulta o impide la interacción con la página.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://sede.agenciatributaria.gob.es/
2.2.2 Código HTML:
<div role="status" aria-live="polite">
Los datos se han guardado correctamente
</div>
Explicación de la solución aplicada:
Este ejemplo cumple el subcriterio 4.1.3-A porque los mensajes de estado están correctamente identificados mediante regiones ARIA (role="status" y aria-live), permitiendo que las tecnologías de apoyo anuncien automáticamente los cambios sin necesidad de que el usuario cambie el foco.
