Contraste de color insuficiente

WCAG 1.4.3 (AA) · EN 301 549 9.1.4.3

Hay texto de {fontSize} con un contraste de {ratio} sobre su fondo, cuando la norma pide {required}.

Por qué importa

Es la barrera más extendida y la que más gente afecta: cualquiera con vista cansada, con el móvil al sol o con una pantalla mala. No hace falta tener una discapacidad reconocida para no poder leer un gris claro sobre blanco.

Los textos que suelen fallar son precisamente los que venden: precios tachados, gastos de envío, mensajes de stock.

Cómo se arregla

Oscurece el texto o aclara el fondo hasta alcanzar la proporción exigida. El texto normal necesita 4.5:1; a partir de 24 px (o 18.66 px en negrita) basta con 3:1. Los grises de tipo #999 sobre blanco casi nunca pasan.

/* 2.85:1 — no cumple */
.precio-antiguo { color: #999999; background: #ffffff; }

/* 4.83:1 — cumple */
.precio-antiguo { color: #717171; background: #ffffff; }

En tu plataforma

• Shopify

  En el editor de temas, Configuración › Colores permite cambiar los esquemas de color del tema sin tocar código.

• WooCommerce

  En el Personalizador, dentro de Colores; si el tema no lo expone, añádelo en CSS adicional.