Tutti i componenti visualizzatore supportano ruoli e attributi ARIA (Accessible Rich Internet Applications) per migliorare l’integrazione con tecnologie per l’accessibilità, come gli assistenti vocali.
Per impostazione predefinita, l’elemento visualizzatore di livello principale ha l’attributo ruolo region
e aria-label
impostato sul nome del visualizzatore. Puoi controllare l’etichetta con il simbolo di localizzazione Container.LABEL
.
I pulsanti hanno il ruolo button
e il testo descrittivo impostato con l'attributo aria-label
. Il valore dell'attributo aria-label
viene popolato dal valore del simbolo di localizzazione del pulsante. Quando un pulsante è disabilitato, l'attributo aria-disabled
viene impostato di conseguenza.
I componenti cursore hanno il ruolo slider
con attributi aria-valuenow
, aria-valuemin
e aria-valuemax
per descrivere la posizione corrente del cursore.
Le miniature hanno il ruolo dialog
con l’attributo aria-label
controllato dal simbolo di localizzazione ThumbnailGridView.LABEL
. Le singole miniature hanno il ruolo button
. Se è selezionata una miniatura, l’attributo aria-selected
viene impostato su true
.
I componenti che visualizzano i campioni hanno il ruolo listbox
con l’attributo aria-label
impostato sul valore del simbolo di localizzazione LABEL
di quel componente. I singoli campioni hanno il ruolo option
con gli attributi aria-setsize
e aria-posinset
per descrivere la posizione del campione nel set. Se è selezionato un campione, l’attributo aria-selected
viene impostato su true
.
Gli elenchi a discesa sono attivati dai pulsanti con l’attributo aggiuntivo aria-haspopup
impostato su true
e l’attributo aria-controls
che fa riferimento all’elemento del pannello a discesa effettivo. Il pannello a discesa stesso ha il ruolo menu
con i sottoelementi con il ruolo menuitem
. Per ogni voce di menu è specificato l'attributo aria-label
.
Le finestre di dialogo modali hanno il ruolo dialog
. L'attributo aria-labelledby
fa riferimento all'elemento di intestazione della finestra di dialogo.