# Elementele trebuie să respecte pragurile minime ale raportului de contrast al culorilor

<https://www.fixreports.com/ro/issues/color-contrast>

WCAG 1.4.3 Contrast (Minimum) · Nivelul AA

Unele texte nu ies suficient în evidență față de fundal pentru a putea fi citite de persoanele cu vedere slabă.

## 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
1. 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ă.
2. 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).
3. Acordați o atenție deosebită etichetelor de reducere, textului substituent (placeholder), linkurilor din subsol și butoanelor plasate peste imagini.

### Pe Shopify
1. 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ă.
2. Î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.
3. Acordați o atenție deosebită etichetelor de reducere, textului substituent (placeholder), linkurilor din subsol și butoanelor plasate peste imagini.

### Pe WooCommerce și WordPress
1. 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ă.
2. 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).
3. 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.

## Surse
- Documentația regulii axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- Înțelegerea criteriului WCAG 1.4.3 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum