我可以在标题和重要文本上使用 tabindex 吗?
Can I use tabindex on headlines and important text?
我正在使用 [chrome]1 的屏幕阅读器插件和 MacOS 内置的画外音实用程序。当我从一个 interact-able 元素切换到另一个元素时,屏幕阅读器会读取标签或 aria-label。但是,如果不在标题和其他重要项目(如产品名称、产品描述、定价信息、免责声明、说明等)上放置 tabindex="0"
,焦点永远不会出现在这些项目上,屏幕阅读器也不会宣布它们。
我想在标题和重要文本上放置 tabindex="0"
,但我了解到我应该只在 interact-able 项上放置 tabindex
。
我是不是没有正确使用屏幕阅读器?我在这里错过了什么?我希望用户能够概览页面上的所有重要信息。用户仅在输入和按钮之间跳转是不够的。
这简直就是你说的屏幕不熟reader
您不想将 tabindex="0"
添加到所有内容,因为这会使那些不使用辅助技术的人难以进行键盘导航(焦点停止太多)。
此外,任何获得焦点的东西都应该是交互式的/可点击的,正如您已经读到的那样,这也会让 AT 用户感到困惑!
this guide will help in learning how to use NVDA screen reader,JAWS 和 Orca 也有类似的指南。
大多数人开始使用两种基本的导航方式。向上和向下箭头可以到达下一个项目和上一个项目,数字键 1-6 可以在标题之间跳转(分别为 h1-h6)足以绕过大多数设计良好的网页。
我正在使用 [chrome]1 的屏幕阅读器插件和 MacOS 内置的画外音实用程序。当我从一个 interact-able 元素切换到另一个元素时,屏幕阅读器会读取标签或 aria-label。但是,如果不在标题和其他重要项目(如产品名称、产品描述、定价信息、免责声明、说明等)上放置 tabindex="0"
,焦点永远不会出现在这些项目上,屏幕阅读器也不会宣布它们。
我想在标题和重要文本上放置 tabindex="0"
,但我了解到我应该只在 interact-able 项上放置 tabindex
。
我是不是没有正确使用屏幕阅读器?我在这里错过了什么?我希望用户能够概览页面上的所有重要信息。用户仅在输入和按钮之间跳转是不够的。
这简直就是你说的屏幕不熟reader
您不想将 tabindex="0"
添加到所有内容,因为这会使那些不使用辅助技术的人难以进行键盘导航(焦点停止太多)。
此外,任何获得焦点的东西都应该是交互式的/可点击的,正如您已经读到的那样,这也会让 AT 用户感到困惑!
this guide will help in learning how to use NVDA screen reader,JAWS 和 Orca 也有类似的指南。
大多数人开始使用两种基本的导航方式。向上和向下箭头可以到达下一个项目和上一个项目,数字键 1-6 可以在标题之间跳转(分别为 h1-h6)足以绕过大多数设计良好的网页。