Controles lo bastante grandes

Silktide mide los botones, enlaces y controles de formulario en sus páginas e informa de cualquiera que sea más pequeño que 44 por 44 píxeles. Los controles más grandes son más fáciles de pulsar con precisión, especialmente en pantallas táctiles.

Por qué es importante

Los objetivos pequeños exigen una precisión de la que muchas personas no disponen. Las personas visitantes con temblores, destreza limitada o dedos más grandes en dispositivos táctiles suelen fallar en controles pequeños, activar el incorrecto o necesitar varios intentos. Un tamaño de objetivo generoso hace que su sitio sea más rápido y menos frustrante para toda persona visitante, no solo para quienes tienen discapacidades motoras.

Este es el criterio de conformidad 2.5.5 de (Tamaño del objetivo — Mejorado), un requisito de . El AAA es un estándar aspiracional: la mayoría de los sitios no superan esta comprobación por defecto, porque 44 por 44 píxeles es mayor que los enlaces y botones típicos. Si está trabajando para alcanzar el Nivel AA, céntrese primero en la comprobación relacionada Distancia entre componentes interactivos, que verifica el requisito AA de 24 por 24 píxeles.

Cómo solucionarlo

Amplíe los controles clave hasta al menos 44 por 44 píxeles , usando min-width, min-height o padding. Priorice las acciones principales como la navegación, la búsqueda y los botones de formulario.
Cuando aumentar un control no sea viable, proporcione un enlace o control equivalente en la misma página que sí cumpla el tamaño - Silktide omite automáticamente los enlaces pequeños cuando existe un enlace lo bastante grande al mismo destino.
Si ha decidido que un control es aceptable tal como está - por ejemplo, si entra dentro de una excepción de WCAG que esta comprobación no puede detectar - puede la incidencia o excluir el elemento de la comprobación.

/* Problema: un botón de icono de 30x30 */
.search-button {
  width: 30px;
  height: 30px;
}

/* Solución: cumplir la recomendación de 44x44 */
.search-button {
  min-width: 44px;
  min-height: 44px;
}

Cómo lo prueba Silktide

Prueba tanto las versiones móvil como de escritorio de cada página; los resultados pueden diferir entre ambas.
Encuentra los elementos interactivos: enlaces, botones, campos de formulario y áreas de mapas de imagen.
Ignora los elementos que no son visibles normalmente, como el contenido posicionado fuera de pantalla para , y cualquier elemento que haya excluido de la comprobación.
Ignora los controles que están directamente junto a texto, ya que WCAG exime a los objetivos que aparecen en una frase o bloque de texto.
Para los enlaces, ignora cualquiera que tenga un equivalente: otro enlace visible en la misma página que apunte al mismo destino y que tenga al menos 44 por 44 píxeles.
Informa de cada elemento restante que sea menor de 44 píxeles de ancho o 44 píxeles de alto. Los tamaños se redondean a una cifra decimal antes de la comparación, coincidiendo con lo que se muestra en los informes.

Solución de problemas

Solo se muestran algunos fallos

Silktide muestra hasta 100 ejemplos por página. Como los fallos de esta comprobación son frecuentes, una página puede tener más; corregir estilos compartidos resuelve muchas incidencias a la vez.

WCAG permite excepciones que esta comprobación no puede detectar

WCAG exime los objetivos cuyo tamaño es esencial, está establecido por el navegador en lugar de por sus estilos, o está duplicado por un control equivalente en otra parte de la página. Silktide detecta automáticamente las excepciones de texto en línea y de enlace equivalente; las demás requieren su juicio. Apruebe las incidencias que cumplan los criterios.