2526UPSA1.3.4-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_1/1.3_Adaptable/1.3.4-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.zara.com
2.1.2. Código HTML:
Explicación del problema detectado:
En la captura se observa que el logotipo de Zara y los elementos de navegación superior ocupan aproximadamente el 50% o más de la altura total de la pantalla disponible, al ir deslizando hacia abajo el menú se junta con apartados como la opción de apuntarse a la newsletter y sus enlaces a las redes sociales, haciendo que visualmente aparezca todo mezclado. El menú lateral, al intentar hacer scroll es imposible, no permite bajar más.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con discapacidades motrices: Aquellos usuarios que tienen sus dispositivos anclados en una posición fija, como en el soporte de una silla de ruedas, y no pueden rotar físicamente el equipo para ver la web en vertical.
Personas con baja visión: Usuarios que prefieren la orientación horizontal para aumentar el tamaño de la fuente y facilitar la lectura, pero que se encuentran con una interfaz que no se adapta correctamente.
Usuarios en general: Cualquier persona que utilice soportes para tabletas o fundas con teclado que obliguen al uso del dispositivo en modo panorámico por comodidad o necesidad situacional.
En cuanto a las barreras: el logotipo y el menú de navegación ocupan aproximadamente el 50% o más de la altura de la pantalla, dejando un espacio mínimo para interactuar con el contenido real. El uso de encabezados de gran tamaño actúan como una barrera permanente que bloquea la visibilidad del contenido mientras se intenta desplazar por 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://www.porsche.com
2.2.2 Código HTML:
Explicación de la solución aplicada:
En lugar de simplemente estirar la versión vertical, Porsche reorganiza los elementos. Al poner el coche a la izquierda y las opciones de configuración a la derecha, utiliza todo el ancho de la pantalla de forma eficiente en modo horizontal. La página no obliga al usuario a volver al modo vertical para completar la configuración. Un usuario que tenga su tablet fija en un soporte horizontal (por ejemplo, en una silla de ruedas o un escritorio) puede navegar, configurar y comprar el vehículo sin ningún impedimento.
