3

我使用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> 

为了得到它宣布我把重点放在提高警觉,屏幕阅读器读取它多次让用户烦恼。

有没有可以适当解决这类问题的地方,还是屏幕阅读器有问题?

+1

你可以在这里找到http://test.cita.illinois.edu/aria/alert/index.php一些很好的例子 – 2014-09-22 19:02:11

回答

0

试试这个

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