ARIA
ARIA aggiunge informazioni su ruoli, stati e proprietà per le tecnologie assistive. Il comportamento dichiarato deve essere realmente implementato.
Aggiungere significato per le tecnologie assistive
ARIA significa Accessible Rich Internet Applications. I suoi ruoli e attributi possono comunicare informazioni sui controlli alle tecnologie assistive. Per esempio, aria-expanded="false" indica che la sezione espandibile associata è chiusa.
In un portale di esempio, il pulsante «Altri dettagli della fattura» porta questo attributo. All’apertura, il valore diventa true e il contenuto corrispondente appare. Se il valore resta invariato, un lettore di schermo può comunicare uno stato diverso da quello visibile.
ARIA non aggiunge da sola il comportamento al clic o l’interazione da tastiera. Un div con role="button" non diventa automaticamente un pulsante funzionante. Usi gli elementi HTML nativi appropriati e aggiunga ARIA dove mancano informazioni. Indicazioni errate possono rendere più difficile l’utilizzo.
Fonti
Termini correlati
- HTML semanticoL’HTML semantico usa gli elementi secondo il loro significato. Un vero pulsante ha proprietà che un blocco di testo stilizzato non acquisisce da solo.
- Lettore di schermoUn lettore di schermo rende accessibili i contenuti digitali tramite voce o Braille. Struttura ed etichette aiutano a comprendere i controlli.
- Utilizzo tramite tastieraL’utilizzo tramite tastiera permette di completare attività senza mouse, con azioni raggiungibili e un percorso comprensibile.
- Ordine del focusL’ordine del focus determina il percorso tra gli elementi che possono riceverlo. Deve preservare significato e operabilità anche nei cambiamenti dinamici.
- Trappola da tastieraUna trappola da tastiera blocca l’interazione in un’area. Il contenimento intenzionale del focus in un dialogo richiede un’uscita utilizzabile da tastiera.
- Collegamento per saltare al contenutoUn collegamento di salto evita la navigazione ripetuta e porta al contenuto principale. Anche il passo successivo da tastiera deve proseguire nel punto giusto.
Articoli sul tema
Design & UX con ASES
Esperienza utente, interfacce e immagine del marchio