Contraste de color insuficiente en WooCommerce

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}.

Dónde tocarlo en WooCommerce

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

En WooCommerce conviven el tema y los plugins. Antes de editar el tema, crea un tema hijo: si no, la próxima actualización se lleva tus cambios por delante.

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

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

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.

En otras plataformas

• Contraste de color insuficiente en Shopify