Come inserire Access Key sul sito

Parlando in termini di siti web accessibili analizzerò l’attributo accesskey, volto a rendere le pagine facilmente fruibili per le persone con disabilità di vario genere. Chi sviluppa con l’intento di realizzare un sito accessibile non può precludere dall’utilizzare le access key nonostante queste siano oggetto di discussione tra gli sviluppatori poiché non forniscono un buon compromesso tra utilizzatori normodotati e diversamente abili.

D’altronde se andiamo ad analizzare la legge, l’articolo 9.5 delle Linee guida per l’accessibilità ai contenuti del web parla chiaro:

Per quanto discusse possano essere, le scorciatoie da tastiera vanno utilizzate per completare il processo di accessibilità.

Cosa deve fare chi implementa gli Acces Key?

Prima di procedere con la parte tecnica mi piace sempre effettuare una panoramica delle cose e su come queste devono essere approcciate:

1. Organizzazione dei contenuti: La questione fondamentale è quella di non attribuire ad ogni pagina un punto di accesso, anche perché se volessimo sfruttare le potenzialità della tastiera avremmo a disposizione dalla A alla Z e dallo 0 al 9.

   Proprio per questo motivo è buona norma organizzare le pagine e selezionare quelle più importanti che entreranno a far parte della vostra “elite” di contenuti; Tra queste possiamo individuare un menu principale o altre voci preponderanti rispetto al resto.

2. Implementazione tecnica e test: Il passo successivo a quello della selezione dei contenuti è l’implementazione tecnica delle scorciatoie con tanto di test sui principali browser (dopo vedremo come);
3. Legenda: Per non vanificare tutto questo lavoro è importante creare una legenda. Di solito realizzo una pagina dedicata con l’elenco delle chiavi di accesso, per rendere ancora più semplice ed intuitivo il sistema creo delle convenzioni per il quale stabilisco la corrispondenza di una lettera all’iniziale della pagina; E’ una tecnica molto comune; esempio:

In questo modo ho creato una convenzione tra le iniziali e i nomi delle pagine, nel caso in cui un’iniziale fosse già occupata seleziono una lettera successiva (vedi Contatti o Crediti).

Utilizzare le Access Key da Browser

Ogni browser ha le sue regole per poter accedere in maniera veloce alle pagine tramite le scorciatoie da noi fornite. Di seguito una tabella esplicativa che permetterà di destreggiarvi in base al browser:

Creazione Access Key in HTML

Di seguito la semplice procedura per realizzare i punti di accesso:

  
Home page [H]
  
Chi siamo [C]
  
News [N]
  
Dove siamo [D]
  
Contattaci [O]

L’attributo accesskey è riconosciuto sia da HTML che dal W3C.
Un’altra questione facoltativa ma non obbligatoria è quella di associare a fianco ad ogni voce appartenente ad una chiave di accesso una legenda, nell’esempio, infatti, ho inserito l’iniziale del punto di accesso tra parentesi quadre. Un’altra tecnica è quella di evidenziare con una proprietà underlined o strong la lettera appartenente all’access key; Questi due escamotage faciliteranno di molto gli utilizzatori:

Home page

Access Key nei forms

Un altro modo per poter utilizzare gli Access Key è quello di permettere la navigazione attraverso i campi di un form, questo metodo tuttavia è poco sfruttato poiché in questi casi è sempre meglio utilizzare l’attributo tabindex che permette di scorrere i campi più facilmente ed in maniera accessibile anche per normodotati attraverso il tasto tab della tastiera.

Esempio:

  Nome Utente
  
  Access Key: U



  Indirizzo Email
  
  Access Key: I