可以通过任何方式指导移动网页上的旁白吗？

Question

作为可访问性项目的一部分，我组织了一个桌面网站，以对节点进行逻辑分组，这些节点具有aria-labels和键盘导航，可让用户浏览各组，并且仅在使用aria标签时才输入组描述听起来与他们有关。

试图使其在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上使用，建议之一是使它通过使用tab索引使其可聚焦。您还可以为元素设置自己的焦点样式，以使其成为所有移动Web浏览器上最有用的样式。