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.