我怎样才能把声音集中到我的模式上？

Question

我使用的是iphone 6+，声音超过(可访问性)选项打开。在单击链接时，我打开了退出模式，并将键盘焦点设置在模式上(使用js)。一切都很好。然而，声音过焦并没有切换到我的模式，它仍然是在触发链接。

我怎样才能把声音集中到模态上呢？这是模态代码

<div class="modal-container" id="{{ modalModel.modalId }}">
    <div class="modal-mask" data-ng-click="onMaskClick($event)">
    </div>
    <div class="modal-body" tabindex="-1" role="dialog" aria-label="{{ modalModel.modalTitle }}">
        <div class="modal-body-container">
            <h4 class="modal-title heading-4">{{ modalModel.modalTitle }}</h4>
            <button type="button" class="modal-close" data-ng-click="closeModal($event)">
                <span class="btn-text">close</span>
                <span class="icon chrome-blue-x-round"></span>
            </button>
            <div class="modal-contents">
                <div class="modal-contents-wrapper" data-ng-transclude></div>
                xxxxxx xxxx
            </div>
        </div>
    </div>
</div>

当模式弹出时，modal-body类元素具有焦点。我正在使用iOS 9。

Answer 1

I通过在模式打开时将键盘焦点放在关闭按钮上，能够将声音聚焦在模式的光标之上。

如果键盘焦点不在键盘可以自然聚焦的元素上，则光标上方的声音将不会在模式内移动。因为关闭按钮是一个按钮，这是有效的。

        <button type="button" class="modal-close" data-ng-click="closeModal($event)">
            <span class="btn-text">close</span>
            <span class="icon chrome-blue-x-round"></span>
        </button>

Answer 2

您必须将注意力集中在可聚焦的项上。如果您想将其设置在通常不可聚焦的东西上，请添加tabindex=0。还有一些其他的快速技巧可以让VO读懂整个模式。添加aria-labelledby="id_of_title“aria-describedby="id_of_content”，不要使用散列'#‘。