Consistency issue with screen reader
I am using Jaws 15 and IE 8 to test the accessibility of my website and found some weird role alert issue on page load if I have any role alert that differs from DOM on page load. JAWS / NVDA never announces a warning.
In some cases, the role alert is not advertised by JAWS / NVDA when I show the hidden parent container of the role alert ie:
<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>
To get the announcement, I focus on the alert and the screen reader reads it multiple times, which annoys the user.
Is there a place where I can correct this problem or is it a screen reader issue?
+3
source to share
1 answer
try it
<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>
0
source to share