Interfaz Más detalle D · Nombre de uso cotidiano o de uso especial

Alert, Banner & Notification — Learning Bundle

Alert, Banner & Notification — Paquete de aprendizaje

Este paquete de aprendizaje compara tres tipos de retroalimentación. Una alerta indica un estado importante. Un banner se extiende a través de un área. Una notificación va a un flujo que la gente puede revisar después. El paquete no es un patrón estándar único de estado.

Prueba un ejemplo
Podrías llamarlo Alert, Banner & Notification — Learning Bundlepaquete de aprendizaje de patrones de retroalimentacióncomparación de alertas, banners y notificacioneslección de mensaje de estado

Prueba un ejemplo

Un ejemplo real

Un aviso de caída del servicio se queda arriba del todo en la app. Una notificación de pago también va al centro de notificaciones.

Partes principales

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

Úsalo cuando

Elige un patrón que se ajuste a la urgencia, duración, destino y área afectada del mensaje.

No lo uses cuando

Nunca apiles varios banners que sean igualmente llamativos ni uses alertas para un éxito normal.

Nombre usado en código

role="alert" / notification center

Antes de lanzarlo

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.

Solicitud que puedes copiar

Outcome: Complete the task with Alert, Banner & Notification — Paquete de aprendizaje (Alert, Banner & Notification — Learning Bundle). User context: Un aviso de caída del servicio se queda arriba del todo en la app. Una notificación de pago también va al centro de notificaciones. Learning bundle to unpack: Alert, Banner & Notification — Paquete de aprendizaje (Alert, Banner & Notification — Learning Bundle). Canonical members: Alerta (Alert), Hito de Banner (Banner Landmark), Notificación web (Web Notification) Why this comparison helps: Elige un patrón que se ajuste a la urgencia, duración, destino y área afectada del mensaje. Do not treat the bundle as one pattern when: Nunca apiles varios banners que sean igualmente llamativos ni uses alertas para un éxito 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.

Revisa esta petición

Review how Alert, Banner & Notification — Paquete de aprendizaje (Alert, Banner & Notification — Learning Bundle) is used now. Definition: Este paquete de aprendizaje compara tres tipos de retroalimentación. Una alerta indica un estado importante. Un banner se extiende a través de un área. Una notificación va a un flujo que la gente puede revisar después. El paquete no es un patrón estándar único de estado. 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é tan oficial es este término?

Nombre de uso cotidiano o de uso especial

Este puede ser un nombre cotidiano o antiguo, un nombre usado por una compañía o una categoría de Vibulary. Las fuentes pueden apoyar la práctica o las limitaciones, pero pueden no definir el nombre.

Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra.

Alcance
Solo lo que cubre la fuente:nombre canónico、definición、interacción、comportamiento del teclado、accesibilidad、orientación de uso、guía para evitarlo
Estado del documento
estable
Comprobado el
2026-07-30

Fuentes de evidencia y alcance

Fuente de autoridad · W3C WAI · estable Alert Pattern Alcance: nombre canónico、definición、interacción、comportamiento del teclado、accesibilidad Rol aquí: Información útil, no una definición La fuente cubre: nombre canónico, definición, interacción, comportamiento del teclado, accesibilidad Fuente de autoridad · W3C WAI · estable Understanding Success Criterion 4.1.3: Status Messages Alcance: accesibilidad、orientación de uso、guía para evitarlo Rol aquí: Información útil, no una definición La fuente cubre: accesibilidad, orientación de uso, guía para evitarlo Fuente de autoridad · GOV.UK Design System · estable Notification banner Alcance: nombre canónico、definición、interacción、comportamiento del teclado、accesibilidad Rol aquí: Información útil, no una definición La fuente cubre: nombre canónico, definición, interacción, comportamiento del teclado, accesibilidad

Cópialo tú mismo

El navegador no pudo copiar esto. Selecciona la solicitud a continuación y cópiala tú mismo.