Custom Controls Labels

Nelle pagine Web, si consiglia di rendere "focalizzabili" i controlli interattivi personalizzati.

Accessibility

Label associate

Nelle pagine Web, è necessario rendere selezionabili i controlli interattivi personalizzati. Ad esempio, se si trasforma un <div> in un menu a tendina utilizzando JavaScript, questa azione non sarà inclusa nell'ordine delle schede per impostazione predefinita: è necessario effettuare un controllo manuale per verificare se tutti i controlli personalizzati sono selezionabili da tastiera.

Come posso verificare ed eventualmente risolvere il problema?

Basta premere il tasto TAB: in questo modo si può navigare nella pagina e verificare se è possibile o meno raggiungere i controlli interattivi.

Se non è possibile, si deve migliorare la focalizzabilità usando il tabindex.

L'elemento di controllo personalizzato deve essere inserito nell'ordine naturale di tabulazione utilizzando tabindex="0".

<div tabindex="0">Focus me with the TAB key</div>