Saltar al contenido principal

Contraste

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

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: