¿Cómo diseñas para accesibilidad?

Respuesta directa

Qué debe cubrir una buena respuesta

Cómo funciona

El diseño accesible es un conjunto de decisiones tomadas al principio, cuando son baratas. La estructura usa encabezados, regiones y listas reales para que la tecnología de asistencia pueda navegar. Cada elemento interactivo es alcanzable y operable con teclado en un orden sensato y con foco visible. El texto cumple los ratios de contraste y escala al 200 por ciento sin pérdida. Los controles tienen etiquetas visibles, los errores dicen qué falló y cómo corregirlo, y la información nunca se transmite solo por color o movimiento. Los objetivos táctiles son lo bastante grandes, la animación respeta la preferencia de movimiento reducido, y el diseño se prueba con teclado, lectores de pantalla y personas con discapacidad y no solo con un verificador automático.

Ejemplo

El rediseño de un formulario especificó niveles de encabezado y regiones en el fichero de diseño, orden de foco y anillos de foco visibles en cada campo, mensajes de error junto al campo y anunciados, contraste de 4,5 a 1 verificado en los tokens y un objetivo mínimo de 44 píxeles. Las pruebas con dos usuarios de lector de pantalla descubrieron que el selector de fecha atrapaba el foco, lo que se corrigió antes de terminar el desarrollo; el verificador automático había aprobado la misma pantalla.

Errores frecuentes

• Tratar la accesibilidad como una lista que se revisa cuando el diseño ya está hecho.
• Usar solo color para mostrar el estado de validación o las series de un gráfico.
• Quitar los contornos de foco por estética sin ofrecer nunca un sustituto.

Una estructura útil para responder

Responde desde tu propia experiencia.

No memorices un guion: usa solo ejemplos que puedas explicar con honestidad en preguntas posteriores.