Diferencia entre revisiones de «2526UPSA4.1.3-A-000»
Principio 4.3.1-A |
Principio 4.3.1-A |
||
| Línea 16: | Línea 16: | ||
|acc_barrera_evidencia_img=25 26 UPSA 4.3.1-A ACC.png | |acc_barrera_evidencia_img=25 26 UPSA 4.3.1-A ACC.png | ||
|acc_barrera_evidencia_url=https://sede.agenciatributaria.gob.es/ | |acc_barrera_evidencia_url=https://sede.agenciatributaria.gob.es/ | ||
|acc_barrera_evidencia_html=<nowiki> | |||
<div role="status" aria-live="polite"> | |||
Los datos se han guardado correctamente | |||
</div> | |||
</nowiki> | |||
|acc_barrera_explicacion=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. | |acc_barrera_explicacion=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. | ||
}} | }} | ||
Revisión actual - 11:30 18 dic 2025
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.
