横幅显示可执行的消息，用作与用户进行突出沟通的方式。
- 外观： 横幅用于显示不同类型的消息，根据它们所扮演的角色区分其视觉外观非常重要。如果你使用背景颜色来区分角色，请确保内容与背景有足够的对比度，符合 WCAG AA 标准。
- 图标或图像区域： 横幅可以使用辅助图标或图像来补充其消息。它们不应替代文本内容。
- 操作： 横幅中的操作应与其文本相关，并提供一种方式来响应用户收到的消息。
- 可关闭操作： 不要用页面上的横幅压倒用户，并包含可关闭操作。这可以是一个单独的关闭按钮，也可以是提供的操作之一。
- 可访问性： 如果横幅在页面上动态出现，它应该通过辅助技术通知用户。
- 响应式： 横幅应适应视口大小。这通常意味着它们在移动设备上变为全宽，以节省一些空间。