tabindex= "0"有什么替代方案可以使页面内容按顺序浏览而不会丢失元素?



我有一个页面,其中包含多个HTML元素,当用户使用Tab键和屏幕阅读器从上到下导航页面时,这些元素将被忽略和跳过。这是我通过将属性 tabindex="0" 添加到包含屏幕阅读器需要读取的文本的div 中来解决此问题的。一些评论说,这不是正确的方法。哪个是推荐的替代方案?

我在 android 上使用 Talkback 来导航页面,在 Windows 上,Jaws 和 Narrator 都有相同的行为,没有 tabindex 的元素被忽略,它直接跳到<a>元素跳过标题和围绕<a>标签的 texto。

在看到您围绕同一主题提出几个问题后,有一个共同的主题,您需要了解最终用户如何使用屏幕阅读器与有移动问题的用户,因为这将使您更容易实现可访问性。

我认为人们会感到困惑,因为所有活动内容都应该通过 Tab 键访问,以便行动不便的人浏览页面,并认为这是用户使用屏幕阅读器的唯一方式(两种不同的用例(。

Tab 键对于那些不需要屏幕阅读器来访问活动项目("跳过链接"的真正原因(有移动问题的人很有用,但它们会在视觉上消耗内容,因此您无需使内容可聚焦(他们可能会滚动页面空格或上下箭头键(。

对于使用屏幕阅读器的PC用户,Tab键实际上是导航的辅助方式。

在一般标题、表格、地标(例如<main><div role="main">(和链接是用户在屏幕阅读器上发现您的页面内容和设计的方式(因此他们可以按NVDA中的1,2,3键分别找到1级,2级和3级标题,以查找他们感兴趣的内容部分并感受页面结构和内容(这就是为什么不要跳过标题级别很重要的原因(。

他们还可以浏览页面上的链接(以了解页面链接到的菜单结构和内容(,这就是为什么链接需要具有有意义的内容(即不是"单击此处"(的原因。

只要您的 HTML 在语义上正确,无法聚焦的内容仍然可以访问,因此不要担心尝试通过 Tab 键访问它,它可以通过其他方法访问,屏幕阅读器有简单的方法从当前光标位置开始读取。

Deque的这个PDF显示了NVDA的常见键盘命令列表,这是学习如何使用屏幕阅读器的一个很好的起点,在30分钟内,你很快就会看到对屏幕阅读器用户真正重要的内容,这将使你的其余的辅助功能之旅变得更加容易!

黄金法则- 让您的语义正确,默认情况下您的网站将有 95% 的可访问性。

具有屏幕阅读器的用户使用Tab键转到可激活的元素。对于标准元素(如文本(,他们可以使用其他导航快捷方式,这取决于他们的导航模式(浏览或焦点模式(、屏幕阅读器和他们自己的偏好,例如箭头 (↑→(

最新更新