Day 23 · Alert / Banner 警示横幅：重要状态，留在页面里

这期讲 Alert / Banner：它适合把简短、重要、可能有时效的信息放在页面里，让用户看见，但不抢走当前任务。12

Alert 的关键边界是「不打断」。WAI-ARIA 的 Alert Pattern 明确把它定义为吸引注意、但不打断任务的简短重要消息；需要打断流程并让用户回应时，应使用 Alert Dialog / Dialog，而不是普通 Alert。23

常见 Alert 会用 success、info、warning、error 这类状态来传达语气；MUI 文档还说明 Alert 可以带关闭按钮或一个右侧操作。1 Ant Design 的 Alert 也支持可关闭、图标、描述、操作区和 banner 模式。4

该用 Alert：页面状态需要持续可见，消息要留到用户读完或处理完，或者只需要一个轻量操作。别用 Alert：任务必须立刻确认、只是一次短暂成功反馈，或者同类提醒会频繁刷屏。MUI 的无障碍建议也提醒：重要 Alert 不应自动消失，过于频繁的 Alert 会影响可用性。1

记一句：重要但不打断，才是 Alert / Banner 的位置。