No hay suficiente contraste para mostrar el color de fondo y el color de primer plano
Asegúrese de que todos los elementos de texto tengan suficiente contraste de color entre el texto de primer plano y el color de fondo.
Pautas de éxito: asegúrese de que el contraste de color del texto de la trompeta sea de al menos 4.5:1, y el texto grande sea de al menos 3:1, incluso si el texto es parte de la imagen. De acuerdo con los requisitos, el texto grande se define como texto en negrita de 18pt(24 píxeles CSS) o 14pt (19 píxeles CSS). Nota: Si se encuentra que el contraste de color de un elemento es 1:1, el elemento se considerará "sin terminar" y se requerirá una revisión manual.
Algunas personas con baja visión experimentan un bajo contraste, lo que significa que no hay muchas áreas brillantes u oscuras. Todos los objetos tienden a presentar el mismo brillo, lo que dificulta la distinción entre contornos, bordes, bordes y detalles. El texto con un brillo demasiado cercano al fondo puede ser difícil de leer.
El número de personas con baja visión es casi tres veces mayor que el número de personas con ceguera total. Una de cada doce personas no puede ver todos los espectros de color: en los Estados Unidos, alrededor del 8% de los hombres y el 0,4% de las mujeres. Las personas con baja visión o daltonismo no pueden distinguir las palabras en el fondo con un contraste insuficiente.
La transparencia y opacidad del color se tienen en cuenta en el fondo.
La transparencia y la opacidad del color en primer plano son más difíciles de considerar y tratar porque:
- El primer plano y el fondo son del mismo color.
- Gradiente de fondo CSS.
- El color de fondo en el pseudo elemento CSS.
- El color de fondo creado con el borde CSS.
- Superposición con otro elemento en primer plano, esto a veces surge debido a la orientación difícil.
- Los elementos se mueven fuera de la vista a través de CSS.
Abrir el https://color.adobe.com/zh/create/color-contrast-analyzer de la ayuda de Adobe Color
Establecer el color del texto y el color de fondo como se muestra en la imagen
https://dequeuniversity.com/rules/axe/4.11/color-contrast? Lang = zh
