html - 错误消息的 ARIA 警报角色

Question

可能相关:WAI ARIA alert on form submit (with page reloading)

在提交给服务器的简单 HTML 表单上(无 JavaScript)...如果出现一个或多个错误，并且页面将使用相同的表单重新显示，并且 <ul>错误消息的列表，应该标记为:

<form ...>
    <ul role="alert">
        <li>Error 1</li>
        <li>Error 2</li>
    </ul>
    <!-- Fields -->
</form>

我问的原因是因为“具有 alert 角色的元素有一个隐含的 aria-live 值 assertive”...这让我认为这可能更多是因为 JavaScript 将错误插入 DOM。

https://www.w3.org/TR/wai-aria/roles#alert

所以这可能对辅助设备没有任何用处(因为它在开始的页面上)......并且可能有害，因为它不是“活的”。

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role

Answer 1

我会说你是对的。现场区域将在屏幕上显示不断变化的信息，因此是“现场”。如果有 AJAX，就会有一个很好的例子来警告说出了什么问题。但是，如果将完整的帖子发回服务器，我会说它在这里不会有效。

我刚刚在 Firefox 上使用 NVDA 尝试了这个，它确实(令人惊讶地)在页面打开后立即读出警报。但是，您需要确定这是否是您想要的功能。

希望这对您有所帮助。