2526UdL2.5.8-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.5_Modalidades_de_los_input/2.5.8-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.forosdelweb.com/f149/
2.1.2. Código HTML:
<a class="lpost" href="..." title="Ir al último mensaje" style="width: 12px; height: 12px; display: inline-block;">
<img src="lastpost.gif" width="12" height="12" alt="">
</a>
Explicación del problema detectado:
Como se observa en la inspección de la imagen, el elemento interactivo tiene un tamaño de 12x12 píxeles.
Esto es inferior al mínimo de 24x24 pixeles requerido por el criterio 2.5.8-A. Además, no cuenta con un área de espaciado suficiente para evitar activaciones accidentales de los enlaces de texto que lo rodean.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Usuarios con movilidad reducida: La precisión necesaria para hacer clic en un cuadrado de 12 píxeles es excesiva. Usuarios con temblores o fatiga muscular probablemente acaben pulsando el nombre del usuario o la fecha por error.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://es.wikipedia.org/wiki/Wikipedia:Portada
2.2.2 Código HTML:
<span class="mw-ui-button mw-ui-quiet" style="display: inline-block; padding: 5px 12px; font-size: 14px;">
Ayuda
</span>
Explicación de la solución aplicada:
Al inspeccionar el botón de "Ayuda", el navegador muestra unas dimensiones de 67.88 x 32 píxeles.
A pesar de que la fuente es pequeña (14px), el área de interacción total (definida por el padding de 5px 12px que se ve en la captura) supera ampliamente el mínimo de 24 píxeles de altura y anchura, proporcionando un área de clic generosa que facilita la navegación a cualquier usuario, permitiendo activar la función de forma segura y sin necesidad de una precisión milimétrica.
