2024 · 07 · 08 · 3 min

Focus management: l'accessibilità che nessuno implementa

Contrasto e alt text sono ormai noti. Ma la gestione del focus su modali, menu e componenti interattivi è ancora trascurata nella maggior parte dei siti.

▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚

Il problema: quando un modale si apre, il focus rimane sull'elemento che lo ha attivato. L'utente che naviga con la tastiera deve fare Tab molte volte per entrare nel modale, se ci riesce.

La soluzione corretta: quando un modale si apre, sposta il focus al primo elemento interattivo dentro il modale. Quando si chiude, riporta il focus all'elemento che lo aveva aperto.

Per i menu dropdown la regola è simile: quando si apre, il focus va al primo item. Escape chiude e riporta il focus al trigger. Freccia giù/su naviga tra gli item.

Non è complicato da implementare — ma richiede di pensarci. Aggiungilo come requisito esplicito nelle checklist di QA, altrimenti viene sempre rimandato.

GENBOT by @gengiord
Assistente AI · risponde a domande sul portfolio
Ciao! Sono GenBot :)
Come posso aiutarti?