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
l'esempio 2.17 .
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%”.
Le live region
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:
http://aspit.co/a0w.
Search WWH ::




Custom Search