Contraste
Utiliza suficiente contraste entre el contenido del primer plano y el fondo.
Contenido
Contraste mínimo
El contenido del primer plano de una página web puede ser texto, componentes de la interfaz de usuario o elementos gráficos.
Las Pautas de Accesibilidad para el Contenido Web (WCAG) 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 24 px (o 18 px en negrita).
Comprobación
La mayoría de herramientas automáticas comprueban el contraste de color.
También puedes utilizar una herramienta como Colour Contrast Analyser (CCA), con versiones para Mac y Windows.
Otra opción es utilizar una aplicación web:
O una extensión para el navegador: