Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

NVDA isn't reading the content that is being given focus

Been testing an accessibility modal window, it works as expected with JAWS 13 on IE8. However when I use NDVA and test on IE8 or Firefox, the focused content is not read.

When the modal is displayed it has aria-hidden="false" while the rest of the content on the page has aria-hidden="true".

This code works ("read at start" is read first on focus):

<div id="modalContent" aria-hidden="false">
  <h2>Some Text</h2>
  <div class="offScreen" id="first-focus">read at start</div>
  <p> asdf as df asdf asd fasdf</p>
</div>

But this code does not ("read at start" is not read when given focus):

<div id="modalContent" aria-hidden="false">
   <div class="offScreen" id="first-focus">read at start</div> 
   <h2>Some Text</h2>
   <p> asdf as df asdf asd fasdf</p>
</div>
like image 292
user3862605 Avatar asked Dec 04 '25 20:12

user3862605


1 Answers

Keeping the working code and putting something that isn't really read, like a "." and changing the h2 to a span provides a workable solution.

like image 148
user3862605 Avatar answered Dec 07 '25 15:12

user3862605



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!