Ir al contenido

Visión reducida: contraste, texto e iconos en una app de seguridad

Publicado · Actualizado · 3 min de lectura

La visión reducida no se resuelve con un color más fuerte. Texto y acciones deben seguir legibles con escala, etiquetas, foco y tecnología de apoyo, probando el recorrido real sin garantizar accesibilidad.

Comprobar el contraste

El texto y los controles necesarios para entender la acción deben distinguirse del fondo. WCAG 2.2 AA indica 4,5:1 para texto normal y 3:1 para texto grande; grande es al menos 18 puntos o 14 en negrita.

AAA usa 7:1 para normal y 4,5:1 para grande. No apliques cifras a lo decorativo sin decidir qué información es esencial.

Dejar escalar el texto

El texto ampliado no debe recortar botones, ocultar estados ni solaparse. Prueba texto grande, zoom, orientación y contenido largo.

No reduzcas la letra para salvar el diseño. Permite reflujo, salto o desplazamiento previsible manteniendo visibles acción y consecuencia.

Acompañar iconos con palabras

Un icono puede resultar conocido y ser ambiguo bajo presión. Añade una etiqueta que nombre acción y destinatario.

El nombre accesible debe coincidir con el texto visible. No distingas SOS, Estoy bien, editar y cancelar solo por forma o posición.

No depender solo del color

Rojo, verde y amarillo pueden reforzar estados, pero no ser la única señal. Añade texto o icono coherente para listo, en curso, correcto y fallido.

Comprueba tema oscuro, sol, filtros de color e imágenes. Medir contraste no garantiza entender el significado.

En Ajustes → Preferencias puedes elegir Parallax, Bubble, Seguridad serena, Nord. Cambian fondos y acentos; el verde sigue identificando OK y el rojo SOS. Texto, icono y antigüedad de la señal siguen siendo necesarios para entender el estado.

Comprobar lector de pantalla y foco

El lector debe anunciar nombre, función, estado y consecuencia. El foco de teclado o conmutador necesita indicador visible y orden comprensible.

Prueba detalles, errores y confirmación sin tocar. Si el estado cambia solo visualmente, quienes usan voz o teclado pueden no verlo.

Probar sin promesas

Pide a personas con ajustes distintos que encuentren destinatario, acción y estado y corrijan un error. Anota dispositivo, zoom, luz, idioma y tecnología.

Los ajustes de iOS y Android pueden ayudar, pero la compatibilidad depende de la app. Corrige lo observado y no llames garantía a una prueba.

Preguntas frecuentes

¿Basta con aumentar el contraste?

No. Incluye texto escalable, etiquetas de iconos, señales además del color, foco visible y pruebas con tecnología de apoyo.

¿Qué umbrales de contraste WCAG se aplican?

AA: 4,5:1 para texto normal y 3:1 para grande. AAA: 7:1 y 4,5:1. Texto grande: al menos 18 pt o 14 pt en negrita.

¿El alto contraste garantiza accesibilidad?

No. Puede ayudar, pero prueba texto, estados, foco, escala y lectura en voz alta en el producto real.

Fuentes consultadas

La información técnica y de seguridad se ha comprobado en las siguientes fuentes oficiales.

Nota editorial: esta guía aplica criterios de W3C y ajustes documentados de sistemas móviles a la evaluación de una app. Las fuentes se comprobaron el 8 de septiembre de 2026; una prueba no sirve para todo el mundo. Flujos My Safe Circle revisados con código y manual el 9 de octubre de 2026; las novedades 2.3 indicadas siguen siendo una vista previa.

PROBAR LA VISIBILIDAD

El significado debe seguir siendo legible

Prueba contraste, texto grande, iconos, color, foco y lectura en voz alta en el dispositivo real.

Descubre My Safe Circle

Esta guía trata evaluación y accesibilidad; no es una garantía universal. Ante peligro inmediato llama al número local.