Supporto della tecnologia di assistenza

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.

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 elementi secondari 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.

In questa pagina