Corsi on-line

Richiamare script JS in modo accessibile

Quando si collega un’azione ad una funzione JavaScript, per esempio la pressione di un pulsante o il click su un link per richiamare un evento, spesso non si considera il problema relativo alla lettura delle pagine da parte degli screen readers, quesi software infatti hanno un proprio sistema per rilevare il focus di un link o di un pulsante che non si basa sull’aspetto visuale dell’elemento utilizzato per l’input.

Analizziamo il seguente esempio:

<button type="button">Esegui</button>

In questo caso il focus viene letto correttamente, abbiamo infatti un pulsante per il quale viene specificato il type; un risultato analogo può essere ottenuto in questo modo:

<input type="button" value="Esegui" />

Un modo invece non accessibile di associare un’azione ad una funzione è il seguente:

<a class="sel" title="blah blah">Esegui</a>

Questo perché l’attributo “href” non è presente, lo screen reader non sarà quindi in grado di determinare il focus del collegamento; per cui sarà necessario definirlo utilizzando un “href” non vuoto, basterà infatti un semplice “href=”#” per rimediare al problema o, in alternativa, sostituire direttamente il link con i buttons. Per approfondire.

Post correlati
I più letti del mese
Tematiche