El contraste y el color juegan un papel importante en si su diseño cumplirá con los estándares de accesibilidad.
Claro, desea elegir colores para su diseño que se vean bien juntos y creen interés visual , pero también desea asegurarse de que los lectores con impedimentos o discapacidades visuales puedan ver y comprender su diseño .
¿Cómo elijo los colores correctos?
Al elegir los colores para su diseño, debe asegurarse de que
-
se complementan
-
Cuente una historia visual que conecte con sus datos
-
Use colores que contrasten lo suficiente para garantizar la accesibilidad
Hay muchos recursos para ayudarlo a comenzar a elegir colores para su diseño, incluidas ruedas de colores básicas como la que se muestra a continuación, así como otras que muestran colores monocromáticos, análogos, complementarios y contrastantes:
¿Cómo creo diseños con contraste accesible?
El contraste está determinado por el brillo o la vitalidad de un color o elemento en comparación con otro elemento.
El texto negro sobre un fondo blanco es de alto contraste . Ese mismo texto sobre un fondo blanco es mucho más difícil de ver si es de un color más claro, como el amarillo, lo que hace que tenga poco contraste .
Los elementos de bajo contraste pueden ser difíciles de ver y el texto de bajo contraste puede ser difícil de leer. Una alta relación de contraste asegura que el texto sea legible y que los elementos que no son de texto sean perceptibles.
A los lectores con problemas de visibilidad les resultará especialmente difícil leer o ver elementos de bajo contraste, pero también afecta la legibilidad para los demás.
Consejos para crear contraste
-
Usa colores oscuros sobre un fondo claro o colores claros sobre un fondo oscuro
-
Use patrones sólidos en el fondo para hacer más visibles los elementos superpuestos.
-
Ejecuta el Comprobador de accesibilidad de Venngage para verificar las proporciones de contraste y ver sugerencias
¿Qué herramientas del Editor de Venngage pueden ayudarme a ajustar el contraste?
El Comprobador de accesibilidad de Venngage es la forma más rápida de verificar las relaciones de contraste en tu diseño y ver cómo ajustarlas para que sean más claras.
Seleccione "Archivo" en el menú de navegación superior (arriba de la barra de herramientas superior), luego seleccione "Comprobar accesibilidad" para abrir el panel de Accesibilidad.
Los elementos de su diseño que no cumplen con los requisitos de contraste de las Pautas de accesibilidad al contenido web (WCAG) se enumeran bajo el encabezado "Contraste de color".
Seleccione un elemento individual en su diseño, como un ícono o cuadro de texto, para ver si cumple con los requisitos de contraste.
¿Tienes curiosidad por suscribirte? Revisa nuestros planes.