html - 可以以任何方式引导移动网页上的 Voice Over 吗？

Question

作为 Accessibility 项目的一部分，我组织了一个桌面网站，其中包含节点的逻辑分组aria-labels和键盘导航，让用户可以浏览这些组，并且只有当描述它的 aria-label 听起来与他们相关时才进入一个组。

试图让它在 Mobile Safari 上工作，我只看到一个滑动手势穿过每个组的每个元素，而无法从一个组浏览到另一个组。

为了更具体，一些伪代码：

<div aria-label="A row about X">
  <span>Hello</span>
  <a href="/somewhere">there</a>
  <button>Everyone</button>
</div>

<div aria-label="A row about Y">
  <span>Farewell</span>
  <a href="/somewhere">to</a>
  <button>Frodo</button>
</div>

在桌面上，它很容易让用户从一个 div 遍历到另一个 div，并且只输入一个感兴趣的 div。是否有关于在移动 Safari 上实现此结果的建议？

Answer 1

这与 udacity 可访问性部分的前端纳米学位程序非常相似。为了使其对 safari 上的可访问性用户更有用，一个建议是通过使用标签索引使其具有焦点。您还可以为元素创建自己的焦点样式，使其在所有移动 Web 浏览器上最有用。