Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 键盘焦点与单选按钮组断开_Html_Forms_Xhtml_Accessibility - Fatal编程技术网

Html 键盘焦点与单选按钮组断开

Html 键盘焦点与单选按钮组断开,html,forms,xhtml,accessibility,Html,Forms,Xhtml,Accessibility,这看起来很简单,但这对我来说有点麻烦。给出以下(有效的xhtml转换)代码: T1 T2 T3 T4 T5 为什么我不能在单选按钮之间切换?这个问题似乎是因为它们都具有相同的name属性,但就可访问性而言,这似乎与我的直觉相反。为什么焦点状态只应用于一个?这是因为组被视为单个元素吗?访问键是这里唯一的非Javascript解决方案吗?您实际上使用箭头键在单选按钮中移动,因为正如您所说,它们被视为单个元素。这是正常的行为。正如詹姆斯和塔图所说,这是正常的,我不知道你是否使用了“TABINDEX

这看起来很简单,但这对我来说有点麻烦。给出以下(有效的xhtml转换)代码:


T1
T2
T3
T4
T5

为什么我不能在单选按钮之间切换?这个问题似乎是因为它们都具有相同的name属性,但就可访问性而言,这似乎与我的直觉相反。为什么焦点状态只应用于一个?这是因为组被视为单个元素吗?访问键是这里唯一的非Javascript解决方案吗?

您实际上使用箭头键在单选按钮中移动,因为正如您所说,它们被视为单个元素。这是正常的行为。

正如詹姆斯和塔图所说,这是正常的,我不知道你是否使用了“TABINDEX”,它可能会起作用

<input type="radio" id="test5" name="test" value="5" tabindex="5" />


但是,由于它们被视为单个元素,因此可能不起作用。

是的,每个单选按钮组被视为一个表单元素-如果要在组元素之间跳过,请使用箭头键。这是有道理的;如果你正在用一组10个单选按钮在一个很长的表单中间进行tab操作,那么如果你必须在移动到下一个表单项之前用tab键完成所有10个单选选项,你会很恼火

如果它们不在同一组中,则可以在它们之间进行制表。在下面的示例中,T5将获得与其余部分不同的选项卡焦点:

<form action="weird.html">

       <label for="test1">T1</label>
       <input type="radio" id="test1" name="test" value="1" />

       <label for="test2">T2</label>
       <input type="radio" id="test2" name="test" value="2" />

       <label for="test3">T3</label>
       <input type="radio" id="test3" name="test" value="3" />

       <label for="test4">T4</label>
       <input type="radio" id="test4" name="test" value="4" />

       <label for="test5">T5</label>
       <input type="radio" id="test5" name="test2" value="5" />

    </form>

T1
T2
T3
T4
T5

您使用的浏览器是什么?Firefox将通过标签浏览这些元素。如果你的意思是它应该选择你的标签上的值,那么,这将是不合逻辑的,因为除了最后一项之外,没有办法选择任何东西。哦,我在填写调查时已经做了一百万次了!感谢您的回复=)@untivendesign-无数次了,您仍然不记得了,这让您觉得浏览器供应商弄错了;)
<form action="weird.html">

       <label for="test1">T1</label>
       <input type="radio" id="test1" name="test" value="1" />

       <label for="test2">T2</label>
       <input type="radio" id="test2" name="test" value="2" />

       <label for="test3">T3</label>
       <input type="radio" id="test3" name="test" value="3" />

       <label for="test4">T4</label>
       <input type="radio" id="test4" name="test" value="4" />

       <label for="test5">T5</label>
       <input type="radio" id="test5" name="test2" value="5" />

    </form>