警告提示Alert
一条普通说明，也要打断读屏用户正在听的话吗？
警告提示是在页面中保留的重要说明区，用来表达风险、限制或需注意的变化。组件库中的 Alert 是视觉组件名称；无障碍语义 role=alert 则用于需要及时播报的重要动态消息，不能给所有说明一律加上。
把重要事情写在能看见的位置，不必每次都跳出来拦住人。紧急程度不同，提醒方式也应不同。
大厅的施工告示提醒绕行，不等于每经过一个人都拉响警报。
类比到这里为止：网页除了视觉位置，还有读屏播报的优先级。红色外框并不自动带来正确播报，也不代表需要抢焦点。
CRM 暂时无法同步时，在编辑区保留“本地草稿可继续编辑，尚未同步”的说明；用户尝试同步失败时再给出明确错误与重试入口。
风险提示说清三件事
- 影响
- 哪项能力暂时不可用，已有资料是否仍保留。
- 可继续的动作
- 例如编辑当前课堂草稿，而不是让整个页面失效。
- 恢复条件
- 怎样重试、怎样确认恢复，不用关闭提示代替修复。
视觉组件和播报语义分别选择
普通说明可以用有标题的文本区。动态出现的重要错误可使用 alert 语义；一般状态更新更适合温和播报，均不应无理由移动用户焦点。
演示用失败同步说明保留风险。只有课堂模拟恢复成功，界面才改成已同步；隐藏文字不改变同步事实。
一条普通说明，也要打断读屏用户正在听的话吗？
可以操作，也可以重试。数据为虚构示例，不连接真实业务系统。
正在准备当前演示，正文可以继续阅读。
继续看项目应用与交付检查
警告提示 在项目中负责什么
- 什么时候用
- 当前页面有持续影响操作的限制，或出现需要及时注意的重要错误时。
- 它解决什么
- 让风险与补救动作处于上下文中，不依赖短暂消息或反复弹窗。
- 它不负责什么
- 持续限制不能因为用户关闭横幅就解除。若允许收起，相关限制仍须在操作位置说明；不要用高优先级播报淹没普通更新。
- 放进真实项目
- 提醒销售 CRM 同步暂时延迟，并告诉他可以先保存本地草稿。
警示条持续说明会影响当前任务的重要风险或限制
报价页发现汇率数据过期，或询盘系统维护期间只能保存草稿，这类信息需要留在页面上直到条件改变。
- 01
只展示会改变用户判断的信息。
- 02
把原因、影响和下一步写在一起。
- 03
严重状态不能只靠颜色表达。
说明要留得住，播报强度按影响决定。
容易混淆的地方
Alert 不必模态，也不负责取得同意。需要用户作决定时考虑确认交互；普通完成状态可使用较温和的状态消息。
编辑区要长期说明“仅保存本地，尚未同步 CRM”。应该怎样使用警告提示？
你可以这样告诉 AI Agent
我在处理这件事：提醒销售 CRM 同步暂时延迟，并告诉他可以先保存本地草稿。请以“警告提示”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践