2526UPSA1.3.1-P-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_1/1.3_Adaptable/1.3.1-P
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://mail.google.com/mail/u/0/#drafts
2.1.2. Código HTML:
<span translate="no" class="yP boq">Borrador</span>
Explicación del problema detectado:
El color rojo comunica visualmente que un correo no ha sido enviado. Sin embargo, un lector de pantalla solo leerá la palabra "Borrador" como cualquier otro texto. No hay nada en el código que indique que esa palabra tiene una importancia estructural o de estado diferente al asunto del mensaje.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Para personas con ceguera, el lector de pantalla no anuncia que el texto es visualmente distinto o que representa un estado específico, de forma que el usuario no percibe la relación de importancia o la categoría del mensaje de la misma forma que un usuario visual.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://accounts.google.com/
2.2.2 Código HTML:
<span jsslot="">La contraseña no es correcta. Inténtalo de nuevo o haz clic en ¿Has olvidado tu contraseña? para ver más opciones.</span>
Explicación de la solución aplicada:
En la imagen se ve un mensaje de error en color rojo y con un borde de caja del mismo color para comunicar el error.
