iOS Voice Over忽略了React中的可聚焦元素

问题描述

我有一个包含产品链接的网页,Chrome上的可访问性树表明它们是可聚焦的,但是IOS Voice Over只会忽略它们。然后我可以使用Android Talkback滑动,但在IOS中却不能。

配音有这个问题吗?还是我的网页有问题?

<a aria-label="Carregador Veicular Smartphone Tablet MP..." class="Box-card-link d-block txt-body-sm color-ui-2 txt-font-body txt-left" href="/products/328e041d49ff4ef89d48">Carregador Veicular Smartphone Tablet MP...</a>

这是IOS Voice Over忽略的元素,没有任何问题。

该网页由React.JS组成,锚点是“ react-router-dom”中的Link标记

我有一些函数可以隐藏带有aria的元素,但是某些单击也可以显示这些元素,也许IOS不知道DOM会改变吗?

警报也会发生,当页面加载并显示一个警报时,即使警报上带有.focus(),IOS Voice Over也将忽略它们。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)