Interface Mais detalhes D · Nome de uso diário ou especial

Alert, Banner & Notification — Learning Bundle

Alerta, Banner e Notificação — Kit de aprendizado

Este pacote de aprendizado compara três tipos de feedback. Um alerta informa um estado importante. Um banner se estende por uma área. Uma notificação vai para um fluxo que as pessoas podem verificar mais tarde. O pacote não é um único padrão de status.

Você poderia chamar de Alert, Banner & Notification — Learning Bundlepacote de aprendizado de padrão de feedbackComparação de alertas, banners e notificaçõeslição de mensagem de status

Experimente um exemplo

Um exemplo real

Um aviso de serviço parado fica no topo do app. Um aviso de cobrança também vai para o centro de notificações.

Partes principais

  1. 01State signal
  2. 02Human-readable message
  3. 03Timing or progress
  4. 04Recovery path

Use-o quando

Escolha um padrão que sirva para a urgência, a duração, o destino e a área afetada da mensagem.

Não o use quando

Nunca empilhe vários banners que sejam igualmente chamativos ou use alertas para um sucesso normal.

Nome usado no código

role="alert" / notification center

Antes de lançar

Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.

Solicitação que você pode copiar

Outcome: Complete the task with Alerta, Banner e Notificação — Kit de aprendizado (Alert, Banner & Notification — Learning Bundle). User context: Um aviso de serviço parado fica no topo do app. Um aviso de cobrança também vai para o centro de notificações. Learning bundle to unpack: Alerta, Banner e Notificação — Kit de aprendizado (Alert, Banner & Notification — Learning Bundle). Canonical members: Alerta (Alert), Marco do Banner (Banner Landmark), Notificação Web (Web Notification) Why this comparison helps: Escolha um padrão que sirva para a urgência, a duração, o destino e a área afetada da mensagem. Do not treat the bundle as one pattern when: Nunca empilhe vários banners que sejam igualmente chamativos ou use alertas para um sucesso normal. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary): Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.

Conferir este pedido

Review how Alerta, Banner e Notificação — Kit de aprendizado (Alert, Banner & Notification — Learning Bundle) is used now. Definition: Este pacote de aprendizado compara três tipos de feedback. Um alerta informa um estado importante. Um banner se estende por uma área. Uma notificação vai para um fluxo que as pessoas podem verificar mais tarde. O pacote não é um único padrão de status. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

D
Quão oficial é este termo?

Nome de uso diário ou especial

Este pode ser um nome comum ou antigo, um nome usado por uma empresa, ou uma categoria do Vibulary. As fontes podem apoiar a prática ou as limitações, mas podem não definir o nome.

Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra.

Escopo
Apenas o que a fonte cobre:nome canônico、definição、interação、comportamento do teclado、acessibilidade、orientação de uso、Guia de como evitar
Status do documento
estável
Verificado em
2026-07-30

Fontes e escopo da evidência

Fonte de autoridade · W3C WAI · estável Alert Pattern Escopo: nome canônico、definição、interação、comportamento do teclado、acessibilidade Papel aqui: Contexto útil, não uma definição A fonte cobre: nome canônico, definição, interação, comportamento do teclado, acessibilidade Fonte de autoridade · W3C WAI · estável Understanding Success Criterion 4.1.3: Status Messages Escopo: acessibilidade、orientação de uso、Guia de como evitar Papel aqui: Contexto útil, não uma definição A fonte cobre: acessibilidade, orientação de uso, Guia de como evitar Fonte de autoridade · GOV.UK Design System · estável Notification banner Escopo: nome canônico、definição、interação、comportamento do teclado、acessibilidade Papel aqui: Contexto útil, não uma definição A fonte cobre: nome canônico, definição, interação, comportamento do teclado, acessibilidade

Copie você mesmo

O navegador não conseguiu copiar isso. Selecione a solicitação abaixo e copie você mesmo.