HTML and CSS Reference
In-Depth Information
aria-valuemin
aria-valuenow
aria-valuetext
Tabella 2.6
- Stati e proprietà ARIA relativi ai widget.
Per capire meglio l'uso di questi attributi
particolari,
prendiamo in considerazione
Esempio 2.17
<input type="image"
src="indicatore.png"
alt="Indicatore"
role="slider"
aria-valuemin="0"
aria-valuemax="100"
aria-valuenow="50"
aria-valuetext="50%" />
L'elemento presente
nell'esempio 2.17
rappresenta un widget in cui sono stati utilizzati
alcuni attributi per l'accessibilità. L'elemento
input
di tipo
image
, che appare come
un'immagine, in realtà assume il ruolo
slider
e le quattro proprietà ARIA presenti
all'interno del tag forniscono l'indicazione del valore corrente assunto dal widget
nell'intervallo che va da 0 a 100. Il valore corrente è 50, rappresentato dalla stringa “50%”.
Oltre a quanto visto finora, ARIA permette di definire le cosiddette
live region
, ossia con-
sente a ciascun elemento presente all'interno di una pagina di notificare i suoi cambiamenti
di stato, senza che l'utente perda il focus corrente. Un esempio di live region è rappresen-
tato da una sezione in continuo aggiornamento, in cui sono mostrate informazioni in tempo
reale, come i titoli azionari o le informazioni sul traffico.
Gli attributi che riguardano le live region sono quattro, ovvero le proprietà
aria-
atomic
,
aria-live
e
aria-relevant
e lo stato
aria-busy
.
Ulteriori dettagli su come utilizzare i vari attributi di ARIA descritti in questo paragrafo
sono
disponibili
online
presso
il
sito
di
W3C,
all'indirizzo
Internet: