Supporto di tecnologie assistive assistive-technology-support
Tutti i componenti visualizzatore supportano i ruoli e gli attributi ARIA (Accessible Rich Internet Applications) per migliorare l’integrazione con tecnologie per l’accessibilità, come gli assistenti vocali.
L'elemento visualizzatore di primo livello ha il ruolo region
e l'attributo aria-label
impostati per impostazione predefinita sul nome del visualizzatore. È possibile 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 è disattivato, l'attributo aria-disabled
viene impostato di conseguenza.
La visualizzazione principale ha il ruolo application
. In aria-roledescription
viene fornita una breve descrizione della visualizzazione principale, con il valore definito dal simbolo di localizzazione ROLE_DESCRIPTION
del componente della visualizzazione principale corrispondente. Gli hint di navigazione per gli utenti che utilizzano la tastiera vengono forniti utilizzando aria-describedby
. Il testo dell'hint di utilizzo proviene dal simbolo di localizzazione USAGE_HINT
. Se per una risorsa è definita un'etichetta nel campo UserData, l'attributo aria-label
viene impostato con il valore di tale etichetta.
I punti attivi, le aree geografiche e le mappe immagine hanno il ruolo button
e il testo descrittivo impostato con l'attributo aria-label
, con il valore del punto attivo o dell'etichetta della mappa immagine. Quando l'utente mette a fuoco gli hot spot o le mappe immagine, gli hint di navigazione per gli utenti della tastiera vengono forniti utilizzando aria-describedby
, con il testo per l'hint di utilizzo proveniente dal simbolo di localizzazione USAGE_HINT
.
Le miniature hanno il ruolo dialog
con 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 vengono attivati da pulsanti con l'attributo aggiuntivo aria-haspopup
impostato su true
e l'attributo aria-controls
che fa riferimento all'elemento effettivo del pannello a discesa. Il pannello a discesa stesso ha il ruolo menu
con elementi secondari che hanno il ruolo menuitem
. Per ogni voce di menu è specificato l'attributo aria-label
.
L'interfaccia utente di ricerca è raggruppata nell'elemento con il ruolo search
. Il campo di input della ricerca ha il ruolo searchbox
e fa riferimento all'etichetta informativa controllata dal simbolo di localizzazione SearchPanel.INFO_PROMPT
con l'attributo aria-describedby
.
Le finestre di dialogo modali hanno il ruolo dialog
. L'attributo aria-labelledby
fa riferimento all'elemento intestazione della finestra di dialogo.