VoiceOver 无法在 iPhone（Safari 或 Chrome）上读取网站

【问题标题】：VoiceOver does not read website on iPhone (Safari or Chrome)VoiceOver 无法在 iPhone（Safari 或 Chrome）上读取网站
【发布时间】：2021-12-23 01:46:42
【问题描述】：

我们无法在 iPhone 上通过 Safari 和 Chrome 上的 VoiceOver 阅读我们的网站。它可以在带有 VoiceOver 的 MacOS 以及带有 Talkback 的 Android 上正常工作。

网站是https://preprod.vhelp.co.uk

难道我们需要为 iOS 做一个单独的设置？其他网站在相同的 iPhone 手机和 Safari 上正常运行。（所以这与设备上的配置无关）

【问题讨论】：

标签： ios iphone safari accessibility voiceover

【解决方案1】：

我在 iOS 上也遇到了一些问题。我最好的猜测是您的aria-hidden="true" 元素在未隐藏时未正确设置aria-hidden="false"。

(注意 aria-hidden 的“false”值可能不受完全支持。请参阅 aria-hidden 规范下的 second note。最好删除 aria-hidden 属性而不是而不是将其值设置为“false”。）

我在页面上发现了 47 个 aria-hidden，主要是为了支持响应式视图，但是如果您将字体提高 170%（取决于您的浏览器大小），则可以在桌面上看到响应式/移动视图。因此，您可以通过点击 cmd++++ 达到 200% 来模仿相同的不可读版本。它可能会使调试变得更容易。

【讨论】：