Amo*_*lou 1 html accessibility screen-readers tabindex
我的页面包含多个 HTML 元素，当用户使用 Tab 键和屏幕阅读器从上到下导航页面时，这些元素会被忽略和跳过。我可以通过将属性 tabindex="0" 添加到包含屏幕阅读器需要读取的文本的 div 来修复此问题。一些评论说这不是正确的做法。哪个是推荐的替代方案？
\n\nI\xc2\xb4m 在 Android 上使用 Talkback 来导航页面，在 Windows 上使用 Jaws 和 Narrator，它们都有相同的行为，没有 tabindex 的元素将被忽略，它会直接跳转到<a>跳过标签周围的标题和文本的元素<a>。
在看到您围绕同一主题提出几个问题后，有一个共同的主题，您需要了解最终用户与有移动问题的用户如何使用屏幕阅读器，因为这将使您更轻松地实现未来的可访问性。
我认为人们对以下事实感到困惑：所有活动内容都应该可以通过 Tab 键访问，以便行动不便的人浏览页面，并认为这是用户使用屏幕阅读器的唯一方式（两种不同的用例）。
Tab 键对于那些行动不便的人很有用，他们不需要屏幕阅读器来访问活动项目（“跳过链接”的真正原因），但他们会以视觉方式消耗内容，因此您不需要使内容可聚焦（他们可能会使用空格键或上下箭头键滚动页面）。
对于使用屏幕阅读器的 PC 用户来说，Tab 键实际上是一种辅助导航方式。
在一般标题中，表格、地标（例如<main>或<div role="main">）和链接是用户在屏幕阅读器上发现页面内容和设计的方式（因此他们可以按 NVDA 中的 1、2、3 键来查找级别 1、级别 2和 3 级标题分别找到他们感兴趣的内容部分并了解页面结构和内容（这就是为什么不要跳过标题级别很重要）。
他们还可以浏览页面上的链接（以了解页面链接到的菜单结构和内容），这就是为什么链接需要具有有意义的内容（即不是“单击此处”）。
只要您的 HTML 在语义上正确，就仍然可以访问不可聚焦的内容，因此不必担心尝试通过 Tab 键访问它，可以通过其他方法访问它，并且屏幕阅读器有简单的方法可以从当前光标位置开始阅读。
来自 Deque 的此 PDF 显示了 NVDA 的常见键盘命令列表，这是学习如何使用屏幕阅读器的一个很好的起点，在 30 分钟内，您很快就会看到对于屏幕阅读器用户来说真正重要的内容，并且它将使其余部分变得简单。您的无障碍之旅变得更加轻松！
黄金法则- 只要语义正确，默认情况下您的网站将具有 95% 的可访问性。