当我使用Jaws Screen Reader读取Internet Explorer中的模式窗口时,遇到了一个问题。问题是当我打开模态窗口然后按下选项卡时,该选项卡突出显示了模态窗口中的“关闭图标”,因此屏幕阅读器必须读取“关闭图标”,但它正在读取模态中的全部内容窗口。
我试图将aria-hidden="true"
放在role="dialog"
之后,并且也跨度
代码在下面
<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>
预期结果是应该在模式窗口中阅读“关闭图标”。