Contraste de color insuficiente en Shopify

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 Shopify

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

Los temas de Shopify se editan en Tienda online › Temas. Para tocar código, «Editar código» abre las plantillas Liquid. Muchos ajustes de color y tipografía se cambian sin programar desde el editor de temas.

/* 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 WooCommerce