Iphone 强制对aria hidden的更改在Mobile Safari上立即生效

我正在用CSS3用HTML创建一个基本菜单。当您单击

div

时，相邻列表使用CSS转换展开或收缩。例如：

<style>
    ul {
        -webkit-transition: height 200ms linear;
        overflow: hidden;
    }
</style>
<div>Tap to expand</div>
<ul style="height: 0" aria-hidden="true">
    ....
</ul>

其他技巧，如将它们包装在单独的div中，或者在目标前面插入和删除两个div，也不起作用。似乎画外音已经在第一次选择元素时选择了下一个要播放的元素

---

有人成功地使用了这种可访问的功能吗？

在进一步研究这个问题之后，出现了一些灰色阴影。如果您等待画外音完成阅读，则正确的元素将前进到。当发生变化时，VoiceOver的第一个反应是重新阅读当前元素，然后重新评估下一步的方向

---

因此，解决办法就是尽可能使文本简短，而不失去意义。我的实际文本要长得多，但我已将其缩减为

展开

，因此读者只需说

展开链接

或

折叠链接

，

嗨，我知道这太旧了，但我面临着同样的问题。你能找到其他的解决方案吗，而不是简短的咏叹调标签？@ashishsingh我从来没有找到过。我刚做了一个小的实验，证实它的行为和我几年前看到的完全一样。很抱歉

<div>Tap to expand</div>
<div>x</div>
<div>x</div>
<ul><!-- This works -->


<div>Tap to expand</div>
<div>x</div>
<ul><!-- This doesn't -->

<div>Tap to expand</div>
<div></div>
<div></div>
<ul><!-- Nor does this -->