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.

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8