Hola,
Puedes usar Azul o Amarillo.
El azul es bueno, pero el amarillo solo funciona si hay un lavado de fondo.
Puede usar la siguiente página para probar si los colores son correctos para WCAG 2.0.
http://webaim.org/resources/contrastchecker/
Te ayudará a elegir colores con suficiente contraste.
Otra gran herramienta es la extensión «WAVE» para el navegador Chrome. Le permitirá probar un sitio web completo para WCAG 2.0. incluyendo contrastes de color.
Hola michaelaterndrup,
Puede calcular el contraste de color de un texto y su fondo usando herramientas como:
el comprobador de contraste de color WebAIM http://webaim.org/resources/contrastchecker/
Lo mejor es si la relación de contraste es de 4,5 o superior.
Consulte también el manual de Accesibilidad: https://make.wordpress.org/accessibility/handbook/quick-start-guide/use-of-color/
(@anevins)
Colaborador de la CMDN 2018 | apoyo voluntario
Lo que estás buscando es Contraste, no Color.
Hola michaelaterndrup,
Todas estas respuestas son geniales. También hay una publicación que enumera otras herramientas disponibles para verificar el contraste de color, así como para ayudar a los diseñadores a crear paletas de colores que cumplan con las pautas de WCAG 2.0: Herramientas de contraste de color
amanda
Sí, el foro de accesibilidad es absolutamente el lugar adecuado para hacer esta pregunta.
El daltonismo es un problema incómodo porque viene en diferentes variedades: rojo/verde es solo el más común. Afecta a alrededor del 5% de las personas y es mucho más probable que afecte a los hombres que a las mujeres.
Tener un buen contraste de color es un buen consejo, pero hay más que eso.
Aquí hay información básica: http://www.colourblindawareness.org/business/
Creo que por norma general, no utilizar el color como único indicador y factor diferenciador. Use tamaño, fuente, forma, subrayado, en negrita, etc.
Existen herramientas para probar imágenes individuales, por ejemplo, http://www.color-blindness.com/coblis-color-blindness-simulator/; puede tomar una captura de pantalla del sitio web y probarla.
Está el complemento del navegador Chrome Daltonize, pero parecía roto cuando lo probé: https://chrome.google.com/webstore/detail/chrome-daltonize/efeladnkafmoofnbagdbfaieabmejfcf
También hay https://michelf.ca/projects/sim-daltonism/ pero no tengo una Mac, así que no puedo probarlo.
Aquí ya hay algunos buenos consejos, pero eso no impedirá que participe. Específicamente, quiero mencionar que las Pautas de accesibilidad al contenido web (WCAG) tienen algunos puntos sobre esto que podría valer la pena leer e informarán cualquier error que obtenga. de las herramientas enumeradas anteriormente.
Si termina en una situación en la que el objetivo es el cumplimiento legal, entonces WCAG 2.0 es el estándar de facto en el nivel AA (A es el más simple de lograr, AAA el más difícil). Digo de facto porque ahí es donde tienden a apuntar los acuerdos judiciales. He enumerado un par de elementos que se aplican a la cuestión del color:
1.4.1: Uso del Color (Nivel A)
“El color no se utiliza como el único medio visual para transmitir información, indicar una acción, provocar una respuesta o distinguir un elemento visual”.
En resumen, los mensajes de error no deberían ser solo rojos, los enlaces probablemente deberían tener subrayados, no decirles a los usuarios que hagan clic en el elemento azul (aunque esto se relaciona tanto con 1.3.3), etc.
1.4.3: Contraste (Nivel AA)
“La presentación visual de texto e imágenes de texto tiene una relación de contraste de al menos 4,5:1 […] El texto a gran escala y las imágenes de texto a gran escala tienen una relación de contraste de al menos 3:1”.
Los logotipos y el texto estrictamente decorativo (intencionalmente ilegible) están exentos. El texto grande es de ~ 18px hacia arriba (hay un debate abierto sobre el tamaño de px vs pt). El contraste también debe aplicarse a los enlaces de texto y al texto circundante. Y así.