Diséñala desde dentro en vez de auditarla al final. Comprueba el contraste de color mientras eliges colores (4.5:1 para texto de cuerpo, 3:1 para texto grande y componentes de interfaz según WCAG 2.2 AA), especifica el orden de foco y el comportamiento de teclado en la especificación, anota encabezados, etiquetas y landmarks para ingeniería, e incluye tamaño de objetivo y preferencias de movimiento. Añadirlo después de construir siempre cuesta más.
Por qué lo preguntan los entrevistadores
La accesibilidad es ya un requisito legal y de compra en muchos mercados, no un extra agradable, y los equipos se han quemado con diseñadores que entregan mockups sin estados de foco ni historia de teclado. Los entrevistadores quieren concreción: ratios reales, qué anotas, qué herramientas usas. El entusiasmo vago por el diseño inclusivo sin ningún número dentro se lee como alguien que ha leído sobre accesibilidad en vez de haberla lanzado.
Cómo estructurar tu respuesta
- Mete las comprobaciones de contraste y de tamaño de tipografía en la fase de diseño, no en la revisión.
- Especifica orden de teclado, estados de foco y manejo de errores en la entrega.
- Anota la semántica: encabezados, etiquetas, landmarks, live regions.
- Nombra las herramientas y los estándares con los que trabajas.
- Prueba con un lector de pantalla y con teclado antes de darlo por terminado.
Ejemplo de respuesta
Intento que sea aburrido y rutinario en vez de una auditoría heroica al final. Cuando elijo colores compruebo el contraste ahí mismo, y nuestros tokens llevan el aprobado o el suspenso consigo para que nadie tenga que pensarlo después. Cada flujo que entrego tiene una historia de teclado: cuál es el orden de tabulación, adónde va el foco cuando se abre un modal y adónde vuelve cuando se cierra, y cómo se anuncian los errores. Anoto la estructura directamente sobre los frames, o sea niveles de encabezado, qué es un botón frente a un enlace, y el nombre accesible de los controles que solo son iconos. Eso último caza muchos bugs, porque un botón de icono sin nombre accesible se anuncia simplemente como 'botón' aunque se vea perfectamente bien. Paso axe sobre la versión construida y tengo VoiceOver en mi máquina y lo uso, mal, pero lo bastante para pillar roturas obvias. Y incluyo el tamaño de objetivo, al menos 24 por 24 píxeles CSS según WCAG 2.2, más alternativas de movimiento reducido para cualquier cosa que se anime.
¿Tienes esta entrevista a la vuelta de la esquina? GhostPilot escucha tu llamada en vivo, detecta la pregunta en cuanto la hacen y pone una respuesta estructurada en tu pantalla en tiempo real. Pruébalo en tu próxima entrevista de práctica, o coge un Session Pass de $29, sin suscripción, para la de verdad.
Mira cómo funcionaPreguntas de seguimiento que puedes esperar
- ¿Qué ratio de contraste necesita un control deshabilitado?
- ¿Cómo gestionas el manejo del foco en una single page app?
- ¿Qué harías si ingeniería dice que no hay tiempo para accesibilidad?
Más preguntas para Diseñador UX
Tu entrevistador hará su propia versión de esta. Pega la descripción real del puesto en el Question Predictor gratuito y obtén las 20 preguntas que ese puesto tiene más probabilidades de hacerte, con lo que cada una busca en realidad.
Predecir mis preguntas