Texto con contraste insuficiente

Mensaje que muestran axe y Lighthouse: Los elementos deben tener un contraste de colores suficiente · color-contrast · WCAG 1.4.3

Qué significa y por qué importa

Las personas con baja visión, o bajo el sol, no pueden leer texto de bajo contraste. WCAG 1.4.3 exige 4,5:1 para texto normal y 3:1 para texto grande.

Cómo corregirlo

Oscurece el texto o aclara el fondo hasta al menos 4,5:1. Puntos típicos: botones, textos de ejemplo, precios, enlaces del pie.

Ejemplo de código

Antes

<p style="color:#9a9a9a; background:#ffffff">Free delivery from €49</p>  <!-- 2.8:1 -->

Después

<p style="color:#595959; background:#ffffff">Free delivery from €49</p>  <!-- 7.0:1 -->

Todos los errores de accesibilidad