Diseño web accesible: los principios que todo equipo debe conocer

La accesibilidad se decide en el diseño mucho antes que en el código. Estos son los cuatro principios de WCAG, traducidos a decisiones que un equipo toma cada día.

Perceptible

La información tiene que poder percibirse. Usa un contraste de texto de al menos 4,5:1 (3:1 en texto grande), no transmitas nada solo con el color, añade texto alternativo a las imágenes con significado y subtítulos a los vídeos.

Operable

Todo debe funcionar con el teclado, con un foco visible y un orden lógico. Evita límites de tiempo cortos, dale a los botones y enlaces un área de pulsación cómoda y no uses contenidos que parpadeen.

Comprensible

Escribe con claridad, declara el idioma de la página, mantén una navegación predecible y, cuando un formulario falle, di qué ha pasado y cómo corregirlo.

Robusto

Usa HTML semántico, da nombre y función a cada control y comunica los cambios de estado, como los mensajes de error o de éxito, a las tecnologías de apoyo.

Hábitos que lo hacen fácil

• Define una paleta con contrastes comprobados desde el primer día.
• Diseña los estados de foco, error y vacío, no solo el estado ideal.
• Revisa los diseños con el teclado antes de dar el visto bueno.
• Respeta la preferencia de movimiento reducido del sistema.