屏幕阅读器一致性问题

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

试试这个

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;