当我的元素在屏幕上看不到但在页面中出现时，如何获得配音焦点

Question

我有一个HTML5应用。此应用包含一些标签元素。还有一些长形式。当我在配音中轻弹时，画外音会在屏幕上显示元素，但它们在屏幕上不可见。因此，当我怀疑点击做一个动作。什么都没发生。当元素在屏幕中不可见并且画外音能够读取它时，该元素不会变得可操作。无论是文本框，复选框还是任何选择框。我试过指定tabindex =“0”。这只适用于复选框。但是当我有标签结构时，我无法找到其他元素的修复。

Answer 1

遵循这个结构并对问题进行了分类。

<ul role="tablist">
<li role="presentation"><a role="tab"></a></li>
<li role="presentation"><a role="tab"></a></li>
<li role="presentation"><a role="tab"></a></li>
<li role="presentation" class="active"><a role="tab" aria-selected="true"></a></li>
.
.
.
.
</ul>

这会使元素处于可见焦点并使其成为可选项。建议使用咏叹调选择和咏叹调控制以获得更好的用户体验。