Empieza con Contraste de colores
- Elige o escribe el color del texto y el del fondo.
- Consulta el ratio y si cumple AA / AAA.
Resultado de ejemplo
Datos de referencia:
- Color del texto: #000000
- Color de fondo: #ffffff
Resultado:
Ratio de contraste: 21:1
- AA texto normal (4,5:1)
- Cumple
- AA texto grande (3:1)
- Cumple
- AAA texto normal (7:1)
- Cumple
- AAA texto grande (4,5:1)
- Cumple
- Texto
- #000000
- Fondo
- #ffffff
Información útil
- ¿Qué ratio necesito?
- WCAG AA exige 4,5:1 para texto normal y 3:1 para texto grande (≥ 24 px o 19 px en negrita). AAA exige 7:1 y 4,5:1.