Internet Explorer的Jaws ScreenReader问题

时间:2019-04-23 01:09:18

标签: javascript html bootstrap-4 bootstrap-modal jaws-screen-reader

当我使用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>

预期结果是应该在模式窗口中阅读“关闭图标”。

0 个答案:

没有答案