Realizzare shortcut con le Access Key

Autore: Luca Ruggiero | Tell a Friend Corso HTML Impara il linguaggio di marcatura per il Web. Corso CSS Web Design ed Accessibilità secondo il W3C! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

Le chiavi di accesso sono rappresentate dall'attributo accesskey del Tag <a>, il loro utilizzo è relativo alla realizzazione di link utilizzabili con la tastiera oltre che tradizionalmente col mouse, ovvero un sistema di navigazione all'interno delle pagine Web simile agli shortcut (tasti scorciatoia) di Windows.

Potete notare che l'interfaccia del vostro browser, ad esempio, utilizza dei menu per mettere a disposizione degli strumenti, ovvero una cosa del genere:

File | Modifica | Visualizza | Preferiti | Strumenti | ?

Provate a cliccare su una delle lettere sottolineate mantenendo premuto il tasto Alt, la combinazione Alt + F permetterà di aprire il menu "File".

Allo stesso modo, andiamo a realizzare un menu, o più semplicemente una serie di link, per permettere al navigatore di avere più libertà nella scelta dei propri strumenti di navigazione, ed ai portatori di handicap fisici di visitare comodamente le nostre pagine, la sintassi per la realizzazione di un link è la seguente:

<a href="index.htm" accesskey="h">Homepage</a>

<a href="index.htm" accesskey="h"><u>H</u>omepage</a>