如果标签位置在输入元素之后，我想知道下面的代码sn-p是否无法访问？
<input type="text" id="txt">
<label for="txt">Label Text</label>
在我使用 NVDA（屏幕阅读器）进行测试期间，按下箭头键会读取输入字段后的标签。
这是必须将标签元素保持在顺序第一位吗？
向下箭头键是表单元素的有效测试吗？
【问题讨论】：
标签： label accessibility forms wcag2.0 nvda
这是必须将标签元素保持在顺序中吗？
使用屏幕阅读器就足够了，因为屏幕阅读器会自动获取可访问的名称。
但是使用屏幕放大镜或盲文显示器，您必须保持正常的阅读顺序。所以这将无法访问。
向下箭头键是表单元素的有效测试吗？
每个导航键都必须经过测试，因此还不够。
编辑：WCAG 参考资料：
H44: Using label elements to associate text labels with form controls
对于
text、file或password类型的所有input元素，对于网页中的所有文本区域和所有select元素：检查在
input、textarea或select元素之前 是否有标识控件用途的label元素
1.3.2 有意义的顺序：当呈现内容的顺序影响其含义时，可以通过程序确定正确的阅读顺序。 （A级）
【讨论】：
input[text] 元素的 WCAG 技术中的引用
这是必须将标签元素按顺序保持在第一位吗？
没有。
向下箭头键是表单元素的有效测试吗？
不是真的。
将焦点放在字段上，无论是通过 Tab 键还是使用其他键盘命令选择它。当该字段获得焦点时，屏幕阅读器将宣布其可访问的名称。在这种情况下，可访问的名称来自<label>。
想想单选按钮和复选框。标签文本通常出现在源代码中的字段之后。这对屏幕阅读器用户来说不是问题。
话虽如此，如果一个字段没有标签，那么屏幕阅读器用户可能会使用向上箭头键来尝试找到它的标签，除非它是一个复选框或单选按钮（然后是向下箭头）。
总之，你的代码没问题。
【讨论】：