Accesibilidad
La regla por encima de todas: nadie queda fuera. Todo empate en el Concepto termina aquí.
En esta página
El suelo
Accesible no es opcional. Si una idea hermosa deja a alguien fuera, la idea cambia. El suelo es nivel AA WCAG 2.2, verificado con pruebas siempre que sea posible, y el resto mediante una lista que se revisa manualmente.
Reglas
El teclado llega a todo
Todo lo clickeable es alcanzable con Tab y usado con Enter o Space, en orden de lectura. El foco siempre muestra, con el borde naranja de Feitio.
Contraste probado
Cada par de colores que lleva texto o significado pasa 4.5 (texto) o 3 (formas), de día y de noche; la compilación falla si uno cae. Vea Color.
El color nunca habla solo
Estado siempre con icono y palabra; enlaces siempre subrayados.
Áreas de toque
44px en cómodo, 40 en compacto. El botón pequeño dibuja 32, pero el área de toque es 40. Nunca por debajo del 24 de WCAG.
Estructura real
Un encabezado 1 por página y encabezados en orden; regiones marcadas (encabezado, navegación, contenido); campos con etiquetas; errores vinculados al campo y resumidos arriba.
El navegador primero
Los elementos del navegador (botón, enlace, details, dialog, popover) llegan accesibles. Los scripts se añaden por encima y nunca quitan el teclado o el lector de pantalla.
Menos movimiento cuando se pide
El sistema pregunta, Feitio detiene todo.
Cómo se verifica
- Automático: una prueba de contraste para cada tema; axe-core en cada página, de día, de noche y con densidad compacta; sin desplazamiento lateral en móvil.
- Manualmente, para cada nuevo componente: pase por todo usando solo el teclado; escuche la página con un lector de pantalla; aumente el texto al 200%; active el movimiento reducido.
- Lo que las pruebas no pueden ver (aproximadamente la mitad de los problemas, según axe-core mismo): ¿el texto tiene sentido? ¿El foco sigue el orden de lectura? ¿La notificación llega a las personas que no pueden ver?