Papéis status, alert e log

Alguns papéis ARIA transformam um elemento em uma região dinâmica automaticamente, definindo um nível de polidez adequado para que você escreva menos marcação.

O papel status marca uma região que é atualizada de maneira cortês. Ele é perfeito para confirmações discretas, como uma mensagem informando que algo foi salvo ou copiado. 📋

Usar role status é uma forma abreviada de definir aria-live como cortês. Você obtém o mesmo comportamento com uma intenção mais clara e semântica.

O papel alert anuncia de maneira assertiva assim que seu conteúdo aparece. Use-o quando algo precisar de atenção imediata. ⚠️

Um alert se comporta como aria-live assertivo mais aria-atomic true. Ele interrompe e lê todo o texto como uma única mensagem.

O papel log é adequado para conteúdos aos quais novas entradas são adicionadas em ordem, como uma conversa de bate-papo ou um fluxo de atividades. Ele faz a leitura de maneira cortês.

Um log indica que as mensagens antigas são importantes e que a sequência tem significado; por isso, a tecnologia assistiva lê as adições na ordem em que chegam.

Escolha status para uma confirmação discreta e alert para um problema. Um aviso de salvamento é status; um erro que bloqueia o formulário é alert.

Usar a função alert em excesso faz com que tudo interrompa a leitura e pareça barulhento. Reserve-a para erros genuínos e avisos urgentes.

Assim como as regiões dinâmicas simples, um elemento com role status deve existir antes de o texto ser inserido, para que o leitor de tela já o esteja monitorando.

Além da prioridade, essas funções descrevem o que é a região. Essa clareza semântica ajuda tanto os leitores de tela quanto a próxima pessoa desenvolvedora.

Agora você sabe que status é discreto, alert é assertivo e log mantém fluxos ordenados. Escolha a função que corresponde à importância da atualização. ✅