Pragurile de reținut
- 4,5:1 — text normal pe fundal (criteriul 1.4.3);
- 3:1 — text mare (≥18pt sau ≥14pt bold) și componente de interfață: borduri de input, iconițe funcționale, indicatori (1.4.11);
- 7:1 — ținta AAA, opțională, recomandată la textul lung.
Procedura pentru design system
- Listează toate perechile text/fundal folosite efectiv în interfață;
- Măsoară fiecare pereche cu un contrast checker (sau lasă scannerul să le extragă automat din site-ul live);
- Pentru perechile picate, întunecă nuanța textului în trepte mici până treci pragul — de regulă 1–2 trepte de paletă sunt suficiente;
- Documentează perechile aprobate ca variabile/tokens — problema dispare la sursă.
Capcanele frecvente
Textul peste fotografii (adaugă strat de întunecare sau plăci de fundal); stările hover/focus uitate la verificare; placeholder-ul, care are propriul contrast; și „gri-ul de brand" — aproape fiecare brand are unul care pică la 14–16px și trece doar la titluri.