Guía de Foto y diseño · AppInitDev

Cómo comprobar si el texto se lee bien sobre un color de fondo

Una paleta atractiva puede dificultar la lectura cuando texto y fondo tienen contraste insuficiente. Revisar combinaciones antes de publicar ayuda a que más personas utilicen tu contenido.

Cómo hacerlo, paso a paso

  1. 1

    Elige un color de fondo y un color de texto a partir de tu paleta.

  2. 2

    Calcula su relación de contraste con una herramienta compatible con WCAG.

  3. 3

    Comprueba al menos 4.5 a 1 para texto normal y 3 a 1 para texto grande bajo WCAG AA.

  4. 4

    Prueba la combinación en móvil y con el tamaño real de tipografía.

Ejemplo práctico

Un texto gris claro sobre blanco puede verse elegante pero resultar incómodo o ilegible: oscurecer el gris suele mejorar la lectura.

Un error frecuente que conviene evitar

No evalúes accesibilidad únicamente a simple vista o por el nombre de los colores: mide el contraste y revisa también estados interactivos.

Si no estás seguro del resultado, repite el procedimiento con datos de prueba antes de usar documentos personales, información comercial o archivos que no puedas recuperar.

Preguntas frecuentes

¿Los iconos necesitan contraste?

Los componentes y gráficos necesarios para entender o usar la interfaz también tienen requisitos de contraste no textual en WCAG.

Cómo se relaciona con Color Palette Hub

Color Palette Hub es una aplicación de AppInitDev para Android. Según la ficha de referencia proporcionada, incluye capacidades como generación de paletas y extracción de tonos de fotografías. Puedes consultar su versión disponible en Google Play después de aprender el procedimiento; verifica allí las funciones actuales antes de instalar.

La aplicación puede ayudarte a organizar parte de este trabajo, pero la guía también es útil si prefieres aplicar las recomendaciones manualmente o comparar varias herramientas.

Fuentes para ampliar y verificar información

Enlaces informativos independientes. Las características comerciales se basan en el JSON aportado.

Más guías sobre Color Palette Hub