微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

怎样才能让我的模态的声音越过焦点?

如何解决怎样才能让我的模态的声音越过焦点?

我使用的是 Mac 并且打开了旁白(辅助功能)选项。我在单击链接时打开了退出模式,并将键盘焦点设置在模式上(使用 js)。这一切正常。但是,超焦的声音并没有切换到我的模态,它仍然在触发链接上。

我如何让声音过焦点到模态?这是模态代码

<div class="modal-pattern" id="modal-1" aria-hidden="true" data-analytics-location="modal-1">
    <div class="modal-container">
        <div class="modal-icons-enabled" aria-label="modal-state" role="dialog" tabindex="-1">
            <button class="-close--small" aria-label="Close" data-analytics-click="Close [X] Modal" data-analytics-type="button" data-dismiss="x-close">
              <img src="assets/images/icon-close.svg" alt="" />Close
            </button>
            <div class="modal-header">
                <p class="modal-title">Modal</p>
            </div>
            <div class="modal-content">
                <p>Modal content.</p>
            </div>
        </div>
    </div>
</div>

另外,我知道如果键盘焦点不在键盘可以自然聚焦的元素上,那么旁白光标将不会在模态内移动。 所以我认为一种解决方案是在模式打开时将键盘焦点放在关闭按钮上。 但我不知道我该怎么办。 你能帮我什么?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。