在 aria-live 内容更新时阅读自定义消息

Question

如果我有一个具有 aria-live='polite' 的元素，但我不希望屏幕阅读器读取更新的内容，而是我提供的自定义消息，这可能吗？

谢谢！

Answer 1

在您不希望宣布内容时将内容添加到实时区域会违反ARIA 实时区域规范的设计，因此我鼓励您在继续此处执行的任何操作之前仔细考虑这一点，但出于此目的问题我将纯粹关注技术上可行和不可行的内容。

理论上，您可以将aria-hidden="true"到您不想公布的直播区域的内容中。 这将防止这部分 DOM 暴露给浏览器中的可访问性树。 同时，这些内容将对视力正常的访问者可见。

另一方面，您可以将内容添加到视力正常的用户看不到的实时区域。 这将是您描述的“自定义消息”。 通常的技术是 使用 CSS 将内容定位到屏幕外。