La relación de contraste de color (Color Contrast Ratio) ayuda a garantizar que las personas con discapacidades visuales u otras limitaciones puedan ver e interpretar fácilmente los elementos de tu diseño. El verificador de contraste de color de Venngage evalúa los elementos de tu diseño según las WCAG (Web Content Accessibility Guidelines) para ayudarte a crear visuales más accesibles e inclusivos.

Para comprobar el contraste de un elemento, asegúrate de que esté seleccionado en tu lienzo de diseño.

Ver la relación de contraste de color

1. Haz clic en el menú Color en la barra de herramientas superior.

   

2. En la parte inferior del panel de color, busca la sección Relación de contraste (Contrast Ratio). Esta muestra cómo se compara el color del elemento con su fondo.

   • Aparece una “×” roja si la relación de contraste no cumple con los estándares de accesibilidad.

     

   • Aparece una marca de verificación verde (✓) si sí cumple con la relación requerida.

     

3. Haz clic en el icono de información (ℹ️) junto a Relación de contraste para obtener más detalles sobre los requisitos de contraste de las WCAG.

   

Ajustar la relación de contraste

Si el color de tu elemento no cumple con los estándares de accesibilidad:

• Usa el selector de color o introduce un nuevo código HEX en el menú de color.

• El valor de la relación de contraste y el verificador se actualizarán automáticamente a medida que ajustes el color.

Comprender los niveles de contraste (A, AA, AAA)

Venngage clasifica el contraste de color según los estándares WCAG:

💡 Consejo: La mayoría de las organizaciones apuntan al nivel AA, ya que cumple con los requisitos estándar de conformidad en accesibilidad.

✅ Venngage facilita la verificación, comparación y ajuste de colores para que tus diseños se mantengan visualmente claros, accesibles y profesionales.