Un estratto da
https://hacks.mozilla.org/2019/06/indicating-focus-to-improve-accessibility/L'indicatore di focus migliora l'accessibilità
Di Hidde de Vries
L’assenza di un indicatore di focus è un problema comune per quanto riguarda l’accessibilità, ma anche facile da risolvere. In questo post vi spiegherò cosa s’intende con il termine "indicatore di focus" e come impiegarlo per rendere il vostro sito più agevole.
Che cosa è "l’indicatore di focus"?
Per chi si affida all’indicatore di focus, averlo e non averlo fa un’enorme differenza. Per iniziare, vediamo che cosa è e chi ne necessita.
La prima cosa da sapere è che il focus (termine inglese che significa “messa a fuoco”), è un espediente per focalizzare l’attenzione su uno dei vari elementi interattivi di una pagina. (Vedi la tabella di compatibilità di elementi focalizzabili per una spiegazione più dettagliata e precisa). Il link, il bottone e il campo modulo sono esempi di elementi interattivi, sono cioè elementi che permettono agli utenti di interagire con essi.
Dal momento in cui si apre una pagina, viene focalizzato un solo elemento. Se la pagina è appena stata caricata, questo elemento è probabilmente un documento, ma quando si inizia a cliccare o ad usare il tab, la focalizzazione si sposterà su uno degli elementi interattivi sopraccitati. Per individuare quale, si può utilizzare la proprietà document.activeElement.