Brand BookContrast suficient
Text în Ink pe alb sau alb pe mov. Perechile slabe se verifică înainte de a fi folosite.
07 — Accessibility
Accessibility is part of design, not a final check.
Accesibilitatea se decide în momentul în care se alege contrastul, ierarhia și structura — nu la sfârșit, ca verificare formală.
Principii
Patru decizii care rezolvă majoritatea problemelor.
Niciodată doar culoare
Orice informație transmisă prin culoare este dublată de text, icon sau poziție.
Structură semantică
Titluri în ordine logică, liste reale, tabele cu antete marcate.
Control de la tastatură
Orice acțiune se poate face fără mouse, cu focus vizibil.
„Accessibility is part of design, not a final check.”
Conținut
Text, imagine, video.
- Dimensiuni de text lizibile în orice mediu.
- Overlay peste fotografie doar când este necesar pentru lizibilitate.
- Text alternativ pentru imaginile care poartă informație.
- Subtitrări și transcript pentru materiale video.
- PDF-uri accesibile acolo unde este posibil: structură, ordine de citire, text real.
- Limbaj simplu și direct, fără jargon inutil.
Interfețe și formulare
Previzibil înainte de spectaculos.
- Etichete vizibile, asociate corect cu câmpurile.
- Câmpuri suficient de mari pentru atingere și click.
- Erori comunicate prin text și icon, nu prin culoare singură.
- Stare de focus vizibilă în tot produsul.
- Tipare de navigație consecvente între pagini.
- Animații subtile, compatibile cu preferința de mișcare redusă.
Verificare
Perechi de culoare și utilizări.
| Combinație | Utilizare recomandată | Atenție |
|---|---|---|
| Ink #292A3A pe White | Text curent, orice dimensiune | — |
| White pe Purple #474593 | Titluri, butoane, bare de secțiune | — |
| Purple pe White | Titluri, linkuri | Nu pentru corp foarte mic |
| Ink pe Soft Lavender #F4F4FA | Carduri, suprafețe secundare | — |
| Lavender #8186CC pe White | Elemente grafice | Nu pentru text |
| Orange #EC950A pe White | Accente grafice | Nu pentru text |
Recomandat
Ierarhie de titluri corectă și continuă.
Focus vizibil pe toate elementele interactive.
Contrast verificat pe text peste fotografie.
Mesaje de eroare explicite, lângă câmpul afectat.
De evitat
„Vezi câmpurile roșii” ca singură instrucțiune.
Text important plasat doar în imagine.
Animații ample, fără alternativă redusă.
Titluri alese după mărime, nu după structură.