2526UdL2.5.1-A-001
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.5_Modalidades_de_los_input/2.5.1-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.instagram.com/
2.1.2. Código HTML:
<div class="stories-container">
<!-- navegación solo por eventos táctiles -->
</div>
<script>
container.addEventListener("touchmove", handleSwipe);
</script>
Explicación del problema detectado:
La plataforma Instagram presenta interacciones basadas en gestos complejos, como deslizamientos horizontales para navegar entre historias o verticales para cambiar contenido en Reels. Estas funciones dependen de gestos basados en trayectoria y no siempre ofrecen alternativas mediante pulsaciones simples o controles visibles, lo que puede suponer un incumplimiento del criterio WCAG 2.5.1.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Principalmente afecta a personas que no pueden realizar gestos táctiles complejos.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.gov.uk/
2.2.2 Código HTML:
<button aria-expanded="false" aria-controls="details-1">
Más información
</button>
<div id="details-1" hidden>
Texto adicional accesible
</div>
Explicación de la solución aplicada:
El portal GOV.UK es un ejemplo de cumplimiento del criterio WCAG 2.5.1, ya que evita depender de gestos complejos para funciones clave. Toda la navegación e interacción se realiza mediante controles activables con una pulsación simple, como botones estándar y enlaces accesibles. Esto garantiza que usuarios que emplean punteros alternativos o navegación por teclado puedan utilizar el sitio sin necesidad de realizar gestos multipunto o basados en trayectoria.
