2526UPSA2.4.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_2/2.4_Navegable/2.4.3-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.mapfre.es/
2.1.2. Código HTML:
Explicación del problema detectado:
Al entrar en la página web y querer realizar la navegación por teclado, a nivel visual no se localiza dónde se encuentra el usuario ni por dónde está navegando puesto que no existe en cuanto a diseño de la web un borde que rodee los botones para poder orientar al usuario sobre dónde se encuentra y qué está seleccionando en la web. Al omitir el indicador visual, el orden de navegación deja de tener sentido para el usuario, ya que no puede confirmar que el foco está siguiendo la secuencia lógica de la pantalla. Al tabular, el foco "desaparece". Esto rompe la operatividad, porque el usuario pulsa teclas sin recibir respuesta visual de hacia dónde se está moviendo el cursor, generando desorientación en la propia web.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con discapacidades motrices que no pueden usar un ratón y dependen de la tecla Tab (o dispositivos similares como conmutadores) para saltar de un elemento a otro.
El usuario pulsa la tecla Tab y sabe que el sistema se está moviendo por el código, pero no tiene una referencia en la pantalla.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.yellowshop.es/
2.2.2 Código HTML:
Explicación de la solución aplicada:
El foco recorre primero el menú superior, luego el contenido principal y finalmente el pie de página. No hay saltos erróneos que lleven al usuario de un extremo a otro sin sentido. Además, presenta respeto por la jerarquía, es decir, si el usuario abre un menú desplegable, el foco entra en ese menú y recorre sus opciones antes de seguir al siguiente elemento de la página.
