Color

Utiliza suficiente contraste entre el contenido del primer plano y el fondo.

El contenido del primer plano suele ser generalmente texto, pero también pueden ser componentes de la interfaz de usuario o elementos gráficos.

Las Pautas de Accesibilidad para el Contenido Web recomiendan las siguientes relaciones mínimas de contraste:

Tipo de contenido Nivel AA Nivel AAA
Cuerpo de texto 4.5:1 7:1
Texto de gran tamaño 3:1 4.5:1
Componentes activos de la interfaz y objetos gráficos 3:1 No definido

Nota: El texto de gran tamaño se refiere a texto de al menos 18 puntos o 14 puntos en negrita.

Comprobación del contraste

Para comprobar el contraste del color puedes utilizar una herramienta como Contrast Checker de WebAIM.

Otra opción es utilizar el inspector de elementos del navegador. En el caso de Chrome, haciendo clic sobre el valor del color podemos ver la relación de contraste con el fondo.

Selector de color del inspector de elementos de Chrome donde aparece el ratio de contraste.

Criterios de conformidad WCAG 2.1