我在屏幕上有以下错误消息,但 JAWS 版本 15 屏幕阅读器无法读取。
<span aria-live="assertive" aria-invalid="true">
<span class="accessibleText">Error</span>Enter a valid Phone number.</span>
我也试过 role='alert' 和 aria-atomic='true'properties 但它在 Chrome 和 IE 浏览器上仍然不可读。
我在屏幕上有以下错误消息,但 JAWS 版本 15 屏幕阅读器无法读取。
<span aria-live="assertive" aria-invalid="true">
<span class="accessibleText">Error</span>Enter a valid Phone number.</span>
我也试过 role='alert' 和 aria-atomic='true'properties 但它在 Chrome 和 IE 浏览器上仍然不可读。
您需要 a并且您需要更改元素role="alert"
内的 DOM(文本) 。role="alert"
使用 JavaScript 更改accessibleText跨度内的文本,或使用JavaScript 从DOM 中添加/删除整个跨度。
更多详细信息:Jaws 不读取错误消息
<span aria-live="assertive" aria-invalid="true">
<span role="alert" class="accessibleText">Error</span>Enter a valid Phone number.</span>