Contraste
WCAG 2.2 y APCA sobre los mismos dos colores, y qué hacer si no pasan.
Hex, rgb(), hsl(), oklch() o un nombre como «teal».
Hex, rgb(), hsl(), oklch() o un nombre como «teal».
px
El zorro veloz salta sobre el perro perezoso.
WCAG 2.2
Norma vigente17.38:1
Razón de contraste
AA · 4.5:1Pasa
AAA · 7:1Pasa
Controles, iconos y bordes de campos (3:1)Pasa
APCA
Borrador de WCAG 3.0100.3 Lc
Contraste de luminosidad (Lc) · Texto oscuro sobre fondo claro
Tamaño mínimo con este grosor: 15 pxVale para este texto
Todavía no se puede citar como cumplimiento. Se enseña porque predice mejor lo que de verdad se lee.