HTML and CSS Reference
In-Depth Information
ARIA introduce l'attributo
role
per definire cosa esattamente un elemento (e, in partico-
lare, un widget) rappresenta all'interno della pagina.
Gli elementi HTML hanno già un ruolo di base definito. Lo stesso non si può dire per i
widget creati appositamente per gestire l'interazione utente in modo più evoluto. Per esem-
pio, se utilizziamo un'icona denominata “indicatore” per creare un widget di tipo slider,
questa perde il significato di immagine e assume un ruolo diverso, ovvero quello di indi-
care un valore numerico. Pertanto, se specifichiamo il ruolo
slider
, uno screen reader
interpreterà l'elemento come uno slider con un certo valore e non come una semplice im-
magine di nome “indicatore”.
Pertanto, l'attributo
role
serve per assegnare a un tag un ruolo diverso da quello di
base, in modo che, da un punto di vista semantico, l'elemento possa essere interpretato in
modo opportuno dalle tecnologie di supporto.
All'interno delle specifiche di ARIA, è definito un certo numero di ruoli, alcuni specifi-
ci per i widget come
slider
,
scrollbar
oppure
treeitem
, altri pensati per aiutare a
comprendere meglio la struttura della pagina. Questi ultimi, detti
document landmark
, con-
sentono agli screen reader di capire il ruolo di ciascuna sezione della pagina (per esempio,
banner
,
search
oppure
navigation
) e di agire di conseguenza, al fine di migliorare
l'accesso ai contenuti.
Gli attributi di tipo
aria-xyz
rappresentano gli stati e le proprietà ARIA relativi a un
widget e consentono di fornire alle tecnologie di supporto una serie di informazioni utili
per gestire al meglio l'accessibilità. Gli stati e le proprietà ARIA sono elencati nella
tabella
aria-checked
(*)
aria-disabled
(*)
aria-autocomplete
aria-expanded
(*)
aria-hidden
(*)
aria-haspopup
aria-invalid
(*)
aria-label
aria-level
aria-multiline
aria-multiselectable
aria-orientation
aria-pressed
(*)
aria-readonly
aria-required
aria-selected
(*)
aria-sort
aria-valuemax
