Cumplimiento

Accesibilidad y contraste de color.

Referencia interna de conformidad con el criterio WCAG 2.1 — 1.4.3 (Contraste mínimo, nivel AA): ratio ≥ 4.5:1 para texto normal y ≥ 3:1 para texto grande (≥ 24px, o ≥ 18.66px en negrita). Verificado con Contrast-Finder (contrast-finder.org).

Paleta oficial

Color 01#F8F8F8
Color 02#DFEAED
Color 03#9FC4CD
Color 04#016684
Color 05#231F20

El azul medio #9FC4CD nunca lleva texto encima salvo en tamaño grande; #016684 y #231F20 no se combinan entre sí como texto/fondo.

Matriz de contraste de la paleta

TextoFondoRatioResultadoEjemplo
#016684#FFFFFF6.49AATexto de ejemplo
#016684#F8F8F86.11AATexto de ejemplo
#016684#DFEAED5.30AATexto de ejemplo
#016684#9FC4CD3.48Solo grandeTexto de ejemplo
#016684#231F202.51No usarTexto de ejemplo
#231F20#F8F8F815.35AATexto de ejemplo
#231F20#DFEAED13.30AATexto de ejemplo
#231F20#9FC4CD8.73AATexto de ejemplo
#F8F8F8#231F2015.35AATexto de ejemplo
#F8F8F8#0166846.11AATexto de ejemplo
#DFEAED#0166845.30AATexto de ejemplo
#9FC4CD#FFFFFF1.87No usarTexto de ejemplo
#9FC4CD#231F208.73AATexto de ejemplo

Combinaciones aplicadas en la web

UsoTextoFondoRatioResultado
Texto principal (títulos / cuerpo)#0B1B23#FFFFFF17.57AA
Cuerpo secundario#2B3A43#FFFFFF11.74AA
Texto auxiliar (labels, leads)#5A6A74#FFFFFF5.60AA
Texto auxiliar sobre hielo#5A6A74#DFEAED4.57AA
Acento / enlaces / eyebrow#016684#FFFFFF6.49AA
Acento sobre fondo claro#016684#F8F8F86.11AA
Botones (texto sobre acento)#FFFFFF#0166846.49AA
Secciones oscuras (CTA / advisors)#FFFFFF#06414C11.24AA
Eyebrow sobre sección oscura#9FC4CD#06414C6.02AA
Cifra destacada (stat)#06414C#FFFFFF11.24AA
Pie de página (texto legal)rgba(255,255,255,.62)#0A0E117.68AA

Cambios respecto a la versión previa: el acento pasó de #0F7A8C al petróleo oficial #016684 (el texto pequeño en acento sobre fondo hielo quedaba en 4.22, por debajo del mínimo), bordes y fondos claros alineados a #DFEAED / #F8F8F8, y la opacidad del texto legal del pie subida para superar el umbral.

← Volver al inicio