我有一组8个复杂的表单(70多个字段)用于存储团队报告。表格的一部分在4列宽和2列高的表中有团队成员姓名(名字在上面，姓氏在下面)。当用户填写表单时，Tab键将他们带到名字，然后转到姓氏，因为这是他们在源中的顺序(一个TR中的名字和下一个TR中的姓氏)。显然，如果Tab键从名字到姓氏，然后再到下一个名字，对我的用户来说会更容易。我知道我可以使用tabindex修复此问题，但我真的不想对所有500多个字段都进行tabindex，只需修复这4个字段即可。有什么方法可以只对表单的一部分进行tabindex吗？我试过了，但它不会切换到其他字段。有一些聪明的JS解决方案吗？或者以某种方式对这些字
我目前正在做很多关于辅助功能和WCAG的工作，但我正在努力为所有用户，尤其是那些使用键盘导航的用户做好工作，那就是跳转到内容链接。这听起来很简单，在页面顶部放置一个指向anchor的链接，人们可以“单击”它以跳过导航或其他基本不重要的内容。但问题是，当您使用键盘“单击”anchor链接，然后再次按下“Tab”键时，您会直接转到“跳至内容”链接之后的元素，而不是下一个元素在主要内容区域。即，您链接到的anchor没有获得焦点。这似乎是一个常见问题，因为我还没有找到一个带有“跳到内容”链接的网站可以正常工作。即使是VisionAustralia网站有这个问题。我希望有人知道一种技术/hac
我正在寻找一种方法来为我的React应用程序中的每个元素动态创建tabindex。有多个组件包含我想为其创建tabindex的输入元素，但我不确定如何协调它们并避免冲突。我的React应用程序由包含输入元素的多个表组成。在运行时，用户可以通过创建额外的输入元素来扩展表格。我想改变用户通过这些输入进行制表的方向，但我不确定如何为每个元素生成tabindex。到目前为止我想到的方法:每个表都有一个固定的偏移量(但我不知道单个表中可能有多少输入，tabindex应该保持在32767以下，所以我不能假设巨大的差距)将tabindex偏移量传递给表，并从React对象中获取已用tabindex的
是否有人有不可标签的HTML(HTML5)元素列表，即使指定了标签索引？(tabbable是指他们可以通过重复按“tab”键获得焦点。)我们知道有些元素默认是tabbable的，比如input或者textarea。我们还知道有些元素只有在显式指定tabindex时才可制表，例如div和span元素。根据W3School的说法，“在HTML5中，tabindex属性可以用在任何HTML元素上”。然而，肯定有一些元素即使有tabindex也是不可tabbable的。例如，param元素或head元素是可制表的是没有意义的。我也真的不认为option元素是可以制表的，但我不确定。而且我更不确
我正在使用快捷链接来加快浏览网页的速度，这在Chrome和Firefox中运行良好。这是Fiddledemonstratingmyissue.当使用跳过链接更改“选项卡位置”时，然后按TAB关键是，大多数浏览器从那时起继续按顺序跳到可聚焦的交互式或使用tabindex的元素上:SkiptoNavigationSkiptoSearchSkiptoanchorSomeboringcontentcontainingaselectablelink.link1link2anchorwithnohref在此示例中，单击链接时，“制表符位置”将移动到文档中的该位置。紧迫TAB然后将跳转到跳过链接的目
我在表单上几乎没有控件。我必须按照与它们在HTML上的创建顺序不自然的顺序设置tabIndex。fag端有一个按钮，tabIndex未设置(它从不聚焦)仅在此元素上。SubmitHere可能是什么原因？？感谢您的帮助。 最佳答案 Tabindex最佳实践通常，我建议不要为Tabindex设置任何增量值，因为对于您网页中的任何字段/组件，如果我们遵循此规则，那么我们也需要为即将到来的字段维护相同的tabindex增量值，而且我们大多数情况下根据某些条件显示/隐藏字段/组件，以便标签索引不会始终如一地工作。我强烈建议最好的做法是我们不应
我有一个包含许多字段的表单，我已经为每个输入、选择和按钮提供了一个tabindex编号。这行得通，但我想以编程方式进行。默认的tabindex顺序不正确，因为我有一个两列布局，每列中都有组。我想按组自上而下。我如何编写一个body.onload函数，以便它根据包含的div为所有输入、选择和按钮标签分配一个tabindex编号？例如，对于我想首先循环的div，所有的input、select和button标签都可以有一个tabindex=1，而第二个div中的所有input、select和button标签可以有tabindex=2，依此类推。谢谢!这是一个简单的例子.a{display:i
我正在开发一个网络应用程序，当我在页面中切换时，其中一个重复的a(定位点)元素没有获得键盘焦点。只有当我添加tabindex=0时，我才能跳转到它。(虽然我的目标是使焦点可见，但我正在使用一段jQuery确定元素是否获得焦点://WheneverIhittab,showmewhichelementhasfocus$('main').on('keydown',function(e){varkeyCode=e.keyCode||e.which;if(keyCode==9){console.log("focusisnowon",$(':focus'));}});)这让我很困惑。根据thesp
我有一个div标签，里面加载了一些内容。里面的内容可以有按钮、anchor元素等，它们是可聚焦的。我无法控制内容，但我可以修改“div”标签属性。我的问题是即使我将tabIndex-1指定给div标签，焦点仍然会转到内容(anchor、按钮等)。...clickme有没有办法在使用tab键时跳过整个内容？它肯定不适用于上面的代码。 最佳答案 不确定为什么还没有人提到visibility:hidden。在处理非可视元素的尺寸时，设置display:none在某些情况下会弄乱逻辑。visibility将像opacity:0一样保持维度，
我已经为表单中的输入字段定义了标签索引。在输入字段中切换时，提交按钮永远不会获得焦点，页面上不同形式的其他一些输入字段会获得焦点。这些标签索引都高于3。怎么会这样呢？E-mailRepeate-mailCSS:input{background-color:#333;border:1pxsolid#EEE;color:#EEE;margin-bottom:6px;margin-top:4px;padding:1px;width:200px;}#inputsubmit{background-color:#d7e6f1;border:1pxsolid#EEE;color:#0000ff;ma
