Contraste y accesibilidad en imágenes para redes: más allá del diseño bonito

Accesibilidad en redes sociales suena a checklist legal de webs corporativas, pero en la práctica es esto: ¿alguien con visión reducida, en un móvil barato, con el brillo al mínimo o bajo la luz directa del sol, puede leer lo que pusiste sobre la foto? Si la respuesta es no, no es un problema de nicho — es una parte importante de tu audiencia que no recibe el mensaje que creías haber publicado.

Contraste: la base de todo lo demás

El contraste es la diferencia de luminosidad entre texto y fondo. Las pautas WCAG recomiendan un ratio mínimo de 4,5:1 para texto normal y 3:1 para texto grande en bold. En redes no vas a medir cada post con un analizador, pero la regla práctica es clara: texto claro sobre foto clara no se lee; texto oscuro sobre zona oscura tampoco. Si tienes dudas, añade una capa semitransparente detrás del copy o cambia el color del texto — no confíes en que "en el Mac se veía bien".

Tamaño de texto en móvil, no en Figma

Un titular de 24 px en un lienzo de 1080 px de ancho puede ser ilegible en un móvil de 320 px de ancho lógico cuando la imagen se escala. Lo que importa es cómo se ve en el dispositivo real, no en el artboard. Para stories y reels, donde el texto suele ir incrustado en la imagen, usa menos palabras y tipografías más gruesas — la elegancia tipográfica fina desaparece en pantalla pequeña.

Color como única señal: evítalo

"Haz clic en el enlace verde" o "La oferta está en rojo" falla para personas con daltonismo y para quien ve la imagen en escala de grises por ahorro de batería. Combina color con forma, posición o peso tipográfico: un botón con borde, un icono junto al CTA, un número destacado en grande. La redundancia visual no es fea — es robusta.

Texto alternativo: lo que la imagen no dice sola

Instagram, LinkedIn y X permiten texto alternativo en las publicaciones. No sustituye un buen contraste dentro de la imagen, pero ayuda a lectores de pantalla y a algoritmos a entender el contenido. Describe lo esencial — qué hay y qué acción se espera — sin rellenar keywords. Si el mensaje crítico solo está dentro del JPEG, parte de tu audiencia nunca lo recibirá aunque el alt text sea perfecto.

Comprobar en condiciones reales (tarda un minuto)

Antes de programar: baja el brillo del móvil al 30 %, mira la pieza en miniatura en el feed (como la verá alguien que pasa de largo) y pide a alguien que la mire sin gafas si llevan graduación. Tres filtros rápidos que detectan el 80 % de los problemas que en estudio no se ven. Si el texto solo se lee cuando pinchas para ampliar, ya llegaste tarde para la mayoría del scroll.

Accesibilidad y marca no van en direcciones opuestas

Paletas corporativas con poco contraste entre primario y secundario, tipografías ultra finas porque "son más premium", fotos de fondo muy cargadas con copy encima — son decisiones de estilo que tienen un coste en legibilidad. Ajustar opacidad de fondo, grosor de fuente o posición del texto no traiciona la identidad visual; la refuerza porque más gente puede leerla.