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 è disabilitato, l'attributo aria-disabled viene impostato di conseguenza.

I componenti cursore hanno il ruolo slider con gli attributi aria-valuenow, aria-valuemin e aria-valuemax per descrivere la posizione corrente del cursore.

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 ha il ruolo menu con sottoelementi che hanno 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 intestazione della finestra di dialogo.

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