Página principal » UI / UX » Color Safe es la herramienta de selección de colores compatible con WCAG que los diseñadores necesitan

    Color Safe es la herramienta de selección de colores compatible con WCAG que los diseñadores necesitan

    Los diseñadores web están presionando constantemente hacia mas accesibilidad. Esto significa Mayor soporte en la web para personas con problemas de audición y visión., que puede incluir problemas para leer sitios web de alto contraste.

    los Color Safe La aplicación web es perfecta para encontrar los colores adecuados que se ajusten exactamente a lo que necesita. Es una aplicación web gratuita que mide la calidad de la relación de contraste de su texto, basado en el color de fondo, el tamaño de fuente y la familia de fuentes.

    Es una aplicación web muy interactiva, por lo que es no solo otro generador de esquema de color.

    Primero tú introduzca un color de fondo y elige la fuente Tu estas usando. Esto no tiene que ser una coincidencia exacta, pero debe intentar obtener el tamaño y la ubicación correctos. Intenta hacer coincidir tu página contenido corporal en lugar de encabezados.

    Una vez que haga clic “DE ACUERDO”, obtendrás una nueva pantalla recomendaciones llenas de color. Puede navegar por las opciones de color que mejor se adapten al fondo elegido para encontrar colores de texto con altos índices de legibilidad.

    La WCAG tiene requisitos de relación de contraste de color muy estrictos para obtener una calificación aprobatoria (ya sea AA o AAA). Esta calificación se basa en una relación específica, Calculado por los códigos hexadecimales y la disonancia entre sí..

    Por ejemplo, una fuente verde brillante sobre un fondo rojo brillante es una excelente manera de fallar la calificación WCAG. Es por eso que esta herramienta es tan valiosa..

    En lugar de elegir colores al azar en Photoshop, puede seleccionar opciones de color predefinidas adaptado para adaptarse a su fondo. Esto garantiza un alto índice de legibilidad y una experiencia sin problemas para todos los usuarios.

    Hicimos un gran post en contraste de color para la accesibilidad, así que definitivamente echa un vistazo si quieres aprender más. Y, si no puede encontrar un gran combo de colores para su sitio web, visite Color Safe y pruébelo. Definitivamente te ayudará Encuentra un esquema de color que funcione..