HTML and CSS Reference
In-Depth Information
nota
Il
widget
è un componente grafico dell'interfaccia di un'applicazione, il cui sco-
po è quello di facilitare all'utente l'interazione con l'applicazione stessa. Esempi
tipici di widget sono i pulsanti, le caselle di spunta, i menù, le combo, gli slider,
le scrollbar ecc.
HTML5 affronta questo genere di problemi attraverso WAI-ARIA (o, più semplicemente,
ARIA), acronimo di
Web Accessibility Initiative - Accessible Rich Internet Applica-
tions
. ARIA è un insieme di specifiche che fornisce un metodo per indicare il ruolo, lo
stato e le proprietà di ogni parte di una pagina, in modo che possa essere interpretata da
una tecnologia di supporto. In tal senso, ARIA definisce una serie di attributi in grado di
rendere evidenti, anche per gli utenti di sistemi come gli screen reader, i cambiamenti di
stato e il ruolo degli elementi presenti nelle pagine.
Introdotto in HTML4 per un numero limitato di tag, allo scopo di consentire l'accesso da
tastiera agli elementi di input della pagina, in HTML5 l'attributo
tabindex
è stato del
tutto rivisto. Infatti, ARIA estende questo attributo, rendendolo utilizzabile per tutti gli ele-
menti visibili nella pagina (come detto nel paragarafo precedente,
tabindex
è un attribu-
to globale), e per questo attributo consente di specificare non solo valori positivi, come in
passato, ma anche il valore negativo “-1”. In questo modo, l'ordine di accesso ai controlli
può essere gestito in due modi:
un valore da 0 a 32767 indica che l'elemento, a cui l'attributo è associato, può essere
accessibile in base all'ordine indicato dal valore stesso;
il valore negativo “-1” indica che l'elemento può essere attivato tramite la funzione
JavaScript
focus()
, ma non può essere accessibile attraverso l'utilizzo della ta-
stiera.
Il valore predefinito pari allo zero rappresenta l'ordine naturale di tabulazione. Gli elementi
con valore nullo vengono visitati in base all'ordine di apparizione all'interno della pagina.
