Acessibilidade do componente Dialog

Interação por teclado

Tecla	Ação
`Tab`	Move o foco para o próximo elemento dentro do diálogo.
`Shift + Tab`	Move o foco para o elemento anterior dentro do diálogo.
`Esc`	Fecha o diálogo, a menos que ele exija uma escolha.

Abrir com showModal() dá ao diálogo role="dialog" e semântica modal, e torna inerte o restante da página.
O título e a descrição são vinculados por ids gerados, então os leitores de tela anunciam os dois quando o diálogo abre.
O foco inicial vai para o elemento com autofocus ou para o primeiro elemento focável. Em confirmações destrutivas, coloque autofocus na opção segura.
Quando o diálogo fecha, o foco volta para o elemento que o abriu.
Os navegadores ainda podem fechar um diálogo que exige uma escolha se o Esc for pressionado várias vezes sem outra interação, então sempre ofereça uma saída explícita.