Ce verifică această regulă
Verifică dacă contrastul dintre culorile textului și ale fundalului respectă pragurile minime ale raportului de contrast WCAG 2 AA.
De ce contează
WCAG 1.4.3 cere un raport de contrast de cel puțin 4.5:1 pentru textul normal și 3:1 pentru textul mare. Prețurile, etichetele și bannerele estompate sunt greu de citit pentru persoanele cu vedere slabă și pentru oricine se află în lumină puternică.
Cum se remediază
Pe orice site
- Găsiți textul cu contrast scăzut și notați culoarea textului și a fundalului: un instrument de verificare a contrastului sau instrumentele pentru dezvoltatori ale browserului le arată pe amândouă.
- Modificați culoarea textului sau a fundalului în CSS-ul temei până când raportul este de cel puțin 4.5:1 (3:1 pentru textul de 24px și mai mare sau de 18,66px îngroșat).
- Acordați o atenție deosebită etichetelor de reducere, textului substituent (placeholder), linkurilor din subsol și butoanelor plasate peste imagini.
Pe Shopify
- Găsiți textul cu contrast scăzut și notați culoarea textului și a fundalului: un instrument de verificare a contrastului sau instrumentele pentru dezvoltatori ale browserului le arată pe amândouă.
- În Online Store > Themes > Customize > Theme settings > Colors, închideți culoarea textului sau deschideți fundalul schemei de culori afectate până când raportul este de cel puțin 4.5:1.
- Acordați o atenție deosebită etichetelor de reducere, textului substituent (placeholder), linkurilor din subsol și butoanelor plasate peste imagini.
Cum se verifică remedierea
- Rulați din nou scanarea și confirmați că color-contrast nu mai apare.
- Verificați prin sondaj culorile exacte cu un instrument de verificare a contrastului.
Cum o detectează FixReports
Scanarea noastră rulează regula axe-core color-contrast într-un browser Chrome real pe fiecare pagină testată și raportează fiecare element cu erori, cu pagina, markupul și, unde este cazul, o captură de ecran.
Un test automat confirmă că această problemă anume este prezentă. Nu poate spune dacă restul paginii este accesibil: unele bariere apar doar atunci când o persoană verifică pagina.