polite versus assertive: escolhendo a urgência
Decida se uma atualização interromperá a pessoa.
polite versus assertive: escolhendo a urgência é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que é uma região dinâmica
Uma região dinâmica é um elemento observado por um leitor de tela, que pronuncia qualquer texto alterado dentro dele sem que o usuário mova o foco para lá.
Dois níveis de polidez
O atributo aria-live tem dois valores úteis que você usará constantemente: cortês e assertivo. Eles determinam como uma atualização será transmitida. 🔊
O modo cortês espera sua vez
Com o modo cortês, o leitor de tela termina o que está dizendo e depois lê sua atualização. Ele nunca interrompe o usuário no meio de uma frase.
<div aria-live="polite">Draft saved</div>O modo assertivo interrompe imediatamente
Com o modo assertivo, o leitor de tela interrompe o que está lendo e anuncia sua atualização imediatamente. Use-o somente quando esperar prejudicar o usuário.
<div aria-live="assertive">Connection lost</div>O modo cortês é a escolha padrão
Escolha o modo cortês quase sempre. Atualizações de salvamento, ordenação, filtragem e progresso podem esperar um instante sem confundir ninguém.
Reserve o modo assertivo para urgências reais
Use o modo assertivo somente para coisas que o usuário precisa ouvir imediatamente, como um pagamento recusado ou uma sessão prestes a expirar.
Também existe o modo desativado
O valor desativado informa ao leitor de tela que deve ignorar alterações nesse elemento. Esse é o padrão implícito para elementos que você não marcou como dinâmicos.
<div aria-live="off">Silent updates</div>A região precisa existir primeiro
O elemento dinâmico deve estar no DOM antes que o texto seja alterado. Leitores de tela observam regiões existentes; portanto, adicione-a vazia e preencha-a depois.
<div id="msg" aria-live="polite"></div>Altere o texto, não a região
Anuncie atualizando o conteúdo de texto dentro da região existente. Substituir toda a região pode fazer o anúncio falhar silenciosamente.
document.getElementById('msg').textContent = 'Saved';O modo assertivo pode acumular anúncios
Dispare várias atualizações assertivas rapidamente e elas competirão entre si, interrompendo-se e falando por cima da anterior. O modo cortês as coloca em fila, na ordem.
Combine a urgência com o impacto
Escolha o nível perguntando quanto uma interrupção ajuda. Para a maioria das atualizações: cortês. Para erros e avisos sobre os quais o usuário precisa agir: assertivo.
Verificação rápida
Você adiciona uma pequena confirmação de que uma lista foi ordenada. Qual nível de polidez é mais adequado?
Recapitulação: escolhendo a urgência
Você aprendeu que o modo cortês espera e o assertivo interrompe. Use o modo cortês por padrão, reserve o assertivo para urgências reais e mantenha a região no DOM. ✅
Perguntas Frequentes
A aula “polite versus assertive: escolhendo a urgência” é grátis?
Sim — o texto completo de “polite versus assertive: escolhendo a urgência” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que vou aprender em “polite versus assertive: escolhendo a urgência”?
Decida se uma atualização interromperá a pessoa. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Web Accessibility Academy?
Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “polite versus assertive: escolhendo a urgência”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Web Accessibility Academy?
Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- polite versus assertive: escolhendo a urgência
- Papéis status, alert e log
- Anunciando notificações, carregamentos e contagens
- Por que regiões dinâmicas falham e como corrigi-las