0Pricing
Web Accessibility Academy · 课时

polite 还是 assertive：选择紧急程度

决定更新是否会打断用户。

polite 还是 assertive：选择紧急程度 是 CoddyKit 上的免费 Web Accessibility Academy 课时。 这是第 1 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Web Accessibility Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Web Accessibility Academy 课程共包含 4 节课。

什么是 Live Region

live region 是屏幕阅读器会监视的元素，因此其中发生文本变化时，即使用户没有将焦点移到那里，屏幕阅读器也会读出变化内容。

两种礼貌级别

aria-live 属性有两个您会经常使用的实用值：polite 和 assertive。它们决定如何播报更新内容。🔊

Polite 会等待轮到自己

使用 polite 时，屏幕阅读器会先读完当前内容，再读出您的更新。它不会在用户说到一半时打断。

<div aria-live="polite">Draft saved</div>

Assertive 会立即打断

使用 assertive 时，屏幕阅读器会停止当前朗读，立即播报您的更新。只有等待会让用户付出代价时才使用它。

<div aria-live="assertive">Connection lost</div>

Polite 是默认选择

几乎所有时候都应选择 polite。保存、排序、筛选和进度更新都可以稍等片刻，不会让人困惑。

将 Assertive 留给真正紧急的情况

只有用户必须立即听到的内容才使用 assertive，例如付款失败或会话即将过期。

还有 Off

off 值会告诉屏幕阅读器忽略该元素中的变化。对于没有标记为 live 的元素，这是隐式默认值。

<div aria-live="off">Silent updates</div>

Live Region 必须先存在

live 元素应该在文本变化之前就存在于 DOM 中。屏幕阅读器会监视已经存在的区域，因此请先添加空区域，之后再填充内容。

<div id="msg" aria-live="polite"></div>

更改文本，而不是替换区域

通过更新现有区域中的文本内容来进行播报。替换整个区域可能导致播报悄无声息地失败。

document.getElementById('msg').textContent = 'Saved';

Assertive 可能堆积起来

快速触发多个 assertive 更新时，它们会互相争抢，打断并覆盖前一条内容。Polite 则会按顺序将它们排队。

让紧急程度匹配影响

请根据打断能带来多少帮助来选择级别。大多数更新使用 polite；用户必须采取行动的错误和警告使用 assertive。

快速检查

您添加了一条小提示，确认列表已经排序。哪种礼貌级别最合适？

总结：选择紧急程度

您已经了解到，polite 会等待，而 assertive 会打断。默认使用 polite，将 assertive 留给真正紧急的情况，并让区域保持在 DOM 中。✅

常见问题解答

「polite 还是 assertive：选择紧急程度」课时是免费的吗？

是的 — 「polite 还是 assertive：选择紧急程度」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Web Accessibility Academy 课程的其余内容，请升级到 CoddyKit PRO。 Web Accessibility Academy 课程共包含 4 节课。

「polite 还是 assertive：选择紧急程度」这节课中我会学到什么？

决定更新是否会打断用户。 你通过在浏览器中直接运行的动手代码来练习 Web Accessibility Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Web Accessibility Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Web Accessibility Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 4 节。

「polite 还是 assertive：选择紧急程度」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Web Accessibility Academy 课中编写并运行代码吗？

能。每节 Web Accessibility Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. polite 还是 assertive：选择紧急程度
  2. status、alert 与 log 角色
  3. 播报 Toast、加载器与计数
  4. 实时区域为何失效以及如何修复
← 返回 Web Accessibility Academy