如何使JAWS读取错误消息

Question

我在屏幕上显示以下错误消息，但JAWS 15版屏幕阅读器无法读取。

<span aria-live="assertive" aria-invalid="true">
<span class="accessibleText">Error</span>Enter a valid Phone number.</span>

我也尝试过角色=＆＃39;警告＆＃39;和aria-atomic =＆＃39; true＆＃39;属性但在Chrome和IE浏览器上仍无法读取。

Answer 1

您需要role="alert"，并且需要更改role="alert"元素内的DOM（文本）。使用JavaScript更改 accessibleText 范围内的文本，或使用JavaScript从DOM添加/删除整个范围。

此处有更多详情：Jaws doesn't read error message

<span aria-live="assertive" aria-invalid="true">
<span role="alert" class="accessibleText">Error</span>Enter a valid Phone number.</span>