Conținutul primului tab. Navigați cu săgețile între tab-uri.
Scor Accesibilitate
0/6
Încă 6 verificări de completat
Lista de verificare
Focus vizibil pe toate elementele interactive
Ordinea de tab este logică
Skip link funcțional
Dialog-ul prinde focus-ul (focus trap)
Escape închide dialog-ul
Toate butoanele sunt activabile cu Enter/Space
Scurtături de Tastatură
TabMută focus-ul la elementul următor
Shift+TabMută focus-ul la elementul anterior
Enter / SpaceActivează butonul/link-ul
EscapeÎnchide dialog/meniu
Săgeți ↑↓Navigare în liste/radio/select
Home / EndSalt la primul/ultimul element
Sfaturi pentru Accesibilitate cu Tastatura
Adăugați tabindex="0" pe elementele interactive custom
Nu folosiți tabindex > 0
Asigurați-vă că focus-ul este vizibil (outline)
Implementați focus trap în dialog-uri modale
Testați cu Tab, Shift+Tab, Enter, Space, Escape
Cum se utilizează: Faceți click în zona sandbox-ului, apoi navigați exclusiv cu tastatura. Folosiți Tab pentru a muta focus-ul, Enter/Space pentru a activa elemente, și Escape pentru a închide dialog-ul. Verificările se completează automat pe măsură ce interacționați.