El color de botón más accesible para personas daltónicas – Usabilidad web y seo

El color de botón más accesible para personas daltónicas

Vistas: 45
0 0
Tiempo de lectura:1 Minutos, 38 Segundos

¿Qué es un botón accesible? Primero, debe tener un alto contraste de color para que los usuarios con discapacidad visual puedan verlo. Otra cosa es que debe retener la mayor cantidad posible de su color cuando es percibido por personas daltónicas.

Hay colores de botones que coinciden con el primer criterio pero no con el segundo, y viceversa. El color del botón que coincide con ambos es el más accesible. Averigüemos cuál es este color. El resultado de este análisis lo ayudará a elegir un botón que sea accesible para la mayoría de los usuarios.

Estableciendo el estándar

Hay muchos colores en el espectro visible. Dado que el objetivo es encontrar el tono óptimo, es necesario mantener los mismos niveles de saturación y brillo en este análisis. En el sistema de color HSL, la saturación de color será del 80% y la luminancia será del 30%.

Siete colores del espectro visible: rojo, naranja, amarillo, verde, azul, índigo y violeta. Al comparar estos colores con el contraste de color y el daltonismo, debemos establecer un estándar de lo que es óptimo.

La accesibilidad óptima para las personas con daltonismo es cuando el tono que ven las personas daltónicas es lo más parecido posible a su tono original. Los tres tipos más comunes de daltonismo son la protanopía, la deuteranopía y la tritanopía.

El daltonismo rojo-verde afecta a la mayoría de la población, el daltonismo azul-amarillo es menos común. En consecuencia, las características de color para la protanopía y la deuteranopía tendrán más peso que para la tritanopía.

Los estándares de relación de contraste de color WCAG definen la disponibilidad óptima de contraste de color. Se considera disponible una relación de contraste de color superior a 4,5. Las probabilidades más pequeñas se consideran no disponibles.

Suscríbete para leer el resto

Conviértase en un suscriptor pago del boletín de UX Movement para acceder a esta publicación y a otro contenido solo para suscriptores.

Artículo completo Suscríbete ahora

Sucursales

temas elegantes de wordpress

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Encuestas a usuarios: realización de estudios de mercado como diseñador de productos | Tutorial | Eva Kuttikhova | Octubre de 2021
Next post 4 ejemplos de análisis basado en datos

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta