dev.to | 📄 原文链接 | 2026-11-15 收录

再见 live region，你好 ariaNotify()

来源：dev.to — 2026-11-14

📋 概述

2026 年 9 月，ariaNotify() 作为新的 Web API 方法进入基线，Chrome、Firefox、Edge 和 Safari 都已完整支持。它和 live region 做的是同一件事——让屏幕阅读器播报——但机制不同：live region 必须依附在 DOM 元素上，靠注入隐藏文本引发结构变化才能播报；ariaNotify() 直接由 JavaScript 把要播报的文本排进队列。作者承认取代这个词有点标题党，但认为它解决了 live region 长期存在的耦合问题。

🔑 核心要点

live region 要 HTML、CSS、JavaScript 三者配合，播报依赖内容真的发生结构变化。
role=status 隐含 polite 与 atomic，role=alert 隐含 assertive，会打断当前朗读。
ariaNotify() 从 2024 年的 WAI-ARIA 1.3 草案就在等，直到今年才成为基线。
文章还逐条说明它满足哪些无障碍合规条款。

💡 金句

“ariaNotify() queues the text to be announced by screen readers using JavaScript.”
译：ariaNotify() 用 JavaScript 把要播报的文本排进屏幕阅读器的队列。

← 返回 dev.to 首页