屏幕阅读器一致性问题

Question

我正在使用Jaws 15和IE 8来测试我的网站的可访问性，如果我有任何角色警报，而该警报是页面加载时DOM Jaws/NVDA从不宣布警报的一部分，则在页面加载时发现了角色警报的一些奇怪问题。

在某些情况下，当我显示隐藏的角色警报父容器时，JAWS/NVDA不会宣布角色警报，即：

<div clas="container">
  <div role="alert" tabindex=-1 class="validation-summary">
    <ul>
      <li> <a href=# >Please enter first name</a></li>
      <li> <a href=# >Please enter lastname</a></li>
    </ul>
  </div>
</div>

为了宣布它，我把重点放在了警报上，屏幕阅读器多次读取它，这对用户来说很烦人。

有没有一个地方我可以妥善解决这类问题，或者是屏幕阅读器的问题？

Answer 1

尝试这个

<div clas="container">
  <div role="alert" aria-labelledby="abcd"tabindex=-1 class="validation-summary">
    <ul>
      <li> <h1 id="abcd"><a href=# >Please enter first name</a></h1></li>
      <li> <h1 id="abcd"><a href=# >Please enter lastname</a></h1></li>
    </ul>
  </div>
</div>