back to CanAdapt home

Test Display:none on DIV with sub content

There is a bunch of hidden content above

Results

JAWS 15 or NVDA 2014.2 read it OK in FF and IE, but VoiceOver doesn't read the secont row of TH.

Code

<div class="container js-metanav-container"><a href="#" id="header-advantages-close" class="header-close js-header-close"><span class="icon-header-close png-bg">Close</span></a><h3>ONLINE BOUTIQUE PRIVILEGES</h3><ul class="js-cols grid"><li class="column one-fifth js-equal-height column-first" style="height: 122px;"><span class="column-separator">|</span></li><li class="column one-fifth js-equal-height" style="height: 122px;"><h4 data-track-label="customLabel">Shipping</h4><p>
Complimentary shipping on all orders
</p><span class="column-separator">|</span></li><li class="column one-fifth js-equal-height" style="height: 122px;"><h4 data-track-label="customLabel">Art of Gifting</h4><p>
Complimentary Gift Wrap with every purchase
</p><span class="column-separator">|</span></li><li class="column one-fifth js-equal-height" style="height: 122px;"><h4 data-track-label="customLabel">Samples</h4><p>
Receive two travel sizes of your choice
</p><span class="column-separator">|</span></li><li class="column one-fifth column-last js-equal-height" style="height: 122px;"><span class="tripservice"><span class="tripservice-icon"><img src="/cmsimage/pj/d4/9b/b6/b8/advantages-tripservice-black5966213272182342878.png" alt=""></span><span class="tripservice-content"><h4 data-track-label="customLabel">Travel size</h4><p>
Receive a complimentary deluxe miniature of your choice for orders over $100
</p></span></span></li></ul></div>