0

在我正在处理的网站上，我们有 1) 移动标题 2) 桌面标题。两者都已加载，但图像是延迟加载的 + 一些桌面内容。

我们正在努力使盲人可以访问该网站，我正在 Mac 上使用 VoiceOver 进行测试。

当我测试时，无论我做什么，它似乎都想阅读移动菜单。

<div aria-hidden="true" hidden style="display: none; visibility: hidden;">
    <nav aria-hidden="true">
        <div>
            <div class="react-hamburger-menu" aria-hidden="true">
                <!-- ... -->
            </div>
        </div>
    </nav>
</div>

我们需要同时渲染两者，因为在大型平板电脑上，它将是纵向的移动标题和横向模式的桌面（ish）标题。

我找不到其他任何东西让它停止阅读这个。它仍然将这个最深的孩子作为一个按钮读取并继续阅读整个移动菜单（在我浏览了整个桌面版本之后）

编辑：我使用的是 Mac OS High Sierra 10.13.6。

4

1 回答 1

1

好像我错过了一些使用 React Portal 移动的元素，而且 VoiceOver 似乎不是只读display: block; visibility: hidden;元素，并且不太关心aria-hidden="true"

于 2019-03-19T15:03:02.700 回答