¿Qué contraste de color debe tener mi sitio web?

El texto normal requiere 4,5:1, el texto grande 3:1

Para la mayoría del texto en un sitio web se aplica una relación de contraste mínima de 4,5 a 1 entre el color del texto y el color de fondo. Para texto grande —a partir de aproximadamente 18 puntos, o a partir de 14 puntos en texto en negrita— es suficiente una relación de 3 a 1. El mismo límite mínimo de 3 a 1 se aplica también a los componentes de la interfaz de usuario, como el borde de un campo de entrada o un botón, y a los elementos gráficos necesarios para entender algo, como un icono sin etiqueta.

No todo está sujeto a este requisito. El texto en un logotipo, el texto puramente decorativo sin significado, y el texto que aparece casualmente en una fotografía sin función, están exentos. Tampoco un elemento de control deshabilitado —un botón gris que en ese momento no es clicable— necesita cumplir con la norma. Un escaneo automático es capaz de medir relaciones de contraste y compararlas con la norma, pero evaluar estas excepciones —¿es este icono decorativo?, ¿pertenece este texto a un logotipo?— requiere una revisión manual, y ese es precisamente el aspecto que un escaneo no cubre.

Esto se especifica en WCAG 2.1, criterios de conformidad 1.4.3 y 1.4.11

Estos requisitos proceden directamente de WCAG 2.1, el marco de evaluación en el que EN 301 549 se traduce en la práctica. El criterio de conformidad 1.4.3, Contraste (Mínimo), establece el límite de 4,5 a 1 para texto normal y 3 a 1 para texto grande. El criterio de conformidad 1.4.11, Contraste de contenido no textual, establece el mismo límite mínimo de 3 a 1 para componentes de la interfaz de usuario y para objetos gráficos necesarios para entender su función. Ambos criterios pertenecen al nivel AA, que es el nivel que requiere la directiva.