Ghid Complet de Testare Manuală

Accesibilitatea nu este doar despre cod, ci despre experiența umană. Urmați acești pași pentru a valida site-ul.

1. Navigare cu Tastatura

Esențială pentru utilizatorii cu deficiențe motorii sau nevăzători.

  1. Ordinea Focusului: Folosește TAB și SHIFT + TAB. Focusul trebuie să urmeze ordinea vizuală a elementelor.
  2. Focus Vizibil: Elementul selectat trebuie să aibă un contur clar (ex: albastru sau portocaliu).
  3. Activare: Toate butoanele și link-urile trebuie să poată fi activate cu tastele Enter sau Space.

2. Screen Readers (Cititoare de Ecran)

Software-uri care transformă codul în voce sau Braille.

Unelte recomandate: NVDA (Windows - gratuit), JAWS (Windows), sau VoiceOver (Mac/iOS).

  1. Alt Text: Imaginile informative trebuie să aibă descrieri. Cele decorative trebuie ascunse (alt="").
  2. Semantici: Folosește corect tag-urile <header>, <nav>, <main> și <footer>.
  3. Etichete (Labels): Toate câmpurile de formular trebuie să aibă un label explicit.

3. Zoom și Redimensionare

Testarea pentru utilizatorii cu vedere slabă.

  1. Regula 200%: Conținutul trebuie să fie lizibil la zoom de 200% fără a pierde funcționalitate.
  2. Reflow: Evită scroll-ul orizontal pe tot ecranul. Textul trebuie să se rearanjeze vertical.
  3. Contrast: Raport minim de 4.5:1 pentru text normal față de fundal.