Accessibilità di Dialog

Interazione da tastiera

Tasto	Azione
`Tab`	Sposta il focus all’elemento successivo nel dialog.
`Maiusc + Tab`	Sposta il focus all’elemento precedente nel dialog.
`Esc`	Chiude il dialog, salvo che sia impostato come non chiudibile.

L’apertura con showModal() dà al dialog role="dialog" e la semantica modale, e rende inerte il resto della pagina.
Titolo e descrizione sono collegati tramite id generati, quindi gli screen reader li annunciano entrambi all’apertura.
Il focus iniziale va all’elemento con autofocus o al primo elemento focalizzabile. Nelle conferme distruttive, metti autofocus sulla scelta sicura.
Alla chiusura, il focus torna all’elemento che ha aperto il dialog.
I browser potrebbero comunque chiudere un dialog non chiudibile dopo più pressioni di Esc senza altre interazioni: offri sempre una via d’uscita esplicita.