Qual è esattamente l'uso del "ruolo" ARIA in html?

Question

Ho visto la documentazione per il 'ruolo' ARIA ma non riuscivo a capirlo. Cosa fa esattamente? Dire, lo uso in una tabella come questa:

<td role='button'>text</td> 

cosa significa che questa cellula si comporterà come un pulsante? Qualcuno può spiegarlo in termini più semplici?

Answer 1

È possibile fare riferimento alla MDN che dice:

Il ruolo tasto deve essere usato per gli elementi cliccabili che innescano una risposta quando attivato dall'utente. Da solo, role = "button" può rendere qualsiasi elemento (ad esempio <p>, <span> or <div>) come un pulsante di controllo su uno screen reader. Inoltre, questo ruolo può essere utilizzato nella combinazione con l'attributo aria-press per creare pulsanti di commutazione .

vedere anche la nota

Ove possibile, si consiglia di utilizzare i pulsanti HTML nativo (<button>, <input type="button" /> and <input type="image" />) piuttosto che il ruolo tasto, come pulsanti HTML native sono più ampiamente supportati da vecchi agenti utente e tecnologia assistiva. I pulsanti HTML nativi supportano anche i requisiti di tastiera e di messa a fuoco per impostazione predefinita, senza necessità di per ulteriori personalizzazioni.

Il w3.org ha anche una spiegazione dettagliata di aria-role

Answer 2

Come detto, ARIA è per l'accessibilità e l'attributo ruolo non avrà un effetto sulla browser normali.

Uno dei modi più semplici e funzionali per implementare i ruoli ARIA è l'uso di punti di riferimento. Alcuni ruoli ARIA sono Punti di riferimento, che consentono agli utenti di passare a parti specifiche della pagina in screen reader. Alcuni utenti non vedenti lo trovano utile perché li aiuta a navigare rapidamente. Supporto e comportamento in diversi lettori di schermo è descritto here.