HTML & Bootstrap
When I am using Jaws Screen Reader to read the modal window inInternet Explorer, I encountered an issue. The issue is when Iopened the modal window and then press the tab, the tab ishighlighting the “Close Icon” in the modal window so the screenreader has to read the “Close Icon” but it is reading the wholecontent in the modal window.
I tried to put aria-hidden=”true” after role=”dialog” and inspan also
<div class=”modal modal-component fade ${properties.center ?’center’: ” }” id=”${componentIdUtil.componentUniqueId}”data-content=”${properties.destinationLink}.html” tabindex=”-1″role=”dialog” aria-hidden=”true”>
<div class=”modal-dialog” role=”document”>
<div class=”modal-content” data-event=”common-click”data-metrics-type=”LNK” data-metrics-location=”BDY”data-metrics-link-dest=”${properties.destinationLink}.html”>
<div class=”header”>
<button type=”button” class=”clear modal-close”aria-label=”Close Modal Window” data-dismiss=”modal”data-event=”common-click” data-metrics-type=”BTN”data-metrics-link-text=”Close”data-metrics-location=”${properties.modalMetricsLocation}”data-metrics-link-dest=”#”>
<span class=”icon-cross”aria-hidden=”true”></span>
</button>
</div>
<div class=”modal-body”>
<div class=”body”></div>
</div>
</div>
</div>`
</div>
The expected result is