Text má příliš nízký kontrast
Co to znamená a proč na tom záleží
Lidé se slabozrakostí nebo na slunci text s nízkým kontrastem nepřečtou. WCAG 1.4.3 vyžaduje 4,5:1 pro běžný a 3:1 pro velký text.
Jak opravit
Ztmavte text nebo zesvětlete pozadí alespoň na 4,5:1. Typická místa: tlačítka, zástupné texty, ceny, odkazy v patičce.
Příklad kódu
Před
<p style="color:#9a9a9a; background:#ffffff">Free delivery from €49</p> <!-- 2.8:1 -->Po
<p style="color:#595959; background:#ffffff">Free delivery from €49</p> <!-- 7.0:1 -->Najděte tuto chybu na svém webu
Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.