Back to CanAdapt home

Test a hidden heading

Below is an empty heading with aria-hidden <h2 aria-hidden="true"></h2> which is followed by a paragraph of Lorem ipsum text. These are sometimes used in offscreen dialog boxes in Bootstrap 4 etc. They are populated later.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque suscipit posuere eros, sit amet pulvinar nisi ornare id. Curabitur eu tellus magna. Nulla facilisi. Donec non luctus mauris. Curabitur justo velit, pulvinar a augue eu, ultrices finibus nulla. In turpis sem, fringilla ac ultrices vitae, laoreet eu nibh. Quisque ac varius magna. Sed varius consectetur est vitae scelerisque. Duis fringilla mauris ligula, eget ullamcorper nisl laoreet at. Nunc efficitur placerat neque, et porta nisi suscipit non. Sed ut nisl condimentum, blandit massa in, mattis mi. Phasellus finibus tristique laoreet. Duis vitae quam eget neque ultricies luctus eget nec tellus. Praesent fringilla, metus eu porttitor condimentum, nisi lorem commodo urna, vitae ultrices sapien lectus eu enim. Maecenas a ante venenatis, placerat sem eu, molestie mi.

Results

All screen readers JAWS, VoiceOver, NVDA ignore the heading in arrowing though and heading navigation and headings lists. AXE ignores it. WAVE fails it.