Ghid: testul complet de tastatură

Protocolul

1. Tab de la început: primul element focusat ar trebui să fie skip link-ul („Sari la conținut" — criteriul 2.4.1);
2. Parcurge toată pagina cu Tab: fiecare element interactiv primește focus vizibil (2.4.7), în ordine logică (2.4.3);
3. Activează: Enter pe linkuri, Enter/Space pe butoane — totul răspunde (2.1.1);
4. Componente: meniuri, acordeoane, modale — se deschid, se închid cu Escape, nu capturează focusul definitiv (2.1.2);
5. Formularul: completabil integral, erorile accesibile, submit funcțional de la tastatură.

Remedierile standard

• Focus invizibil → stil pe :focus-visible, niciodată outline:none fără înlocuitor;
• Div-uri „clickabile" → înlocuiește cu <button> / <a> native;
• Meniu doar pe hover → deschidere și la click/focus, închidere cu Escape;
• Modal-capcană → folosește <dialog> nativ cu showModal();
• Skip link lipsă → un link absolut poziționat, vizibil la focus, către #continut.

Detalii și exemple în articolul despre navigarea cu tastatura.