Maa*_*ayi 5 forms label accessibility nvda wcag2.0
我想知道如果标签位置位于输入元素之后，下面的代码片段是否无法访问？
<input type="text" id="txt">
<label for="txt">Label Text</label>
在我使用 NVDA（屏幕阅读器）进行测试期间，按向下箭头键读取输入字段后的标签。
是否必须将标签元素保留在顺序中的第一位？
向下箭头键是表单元素的有效测试吗？
小提琴： https: //jsfiddle.net/yjqb6mt2/
是否必须将标签元素保留在顺序中的第一位？
使用屏幕阅读器就足够了，因为屏幕阅读器将自动获取可访问的名称。
但使用屏幕放大镜或盲文显示器时，您必须保持正常的阅读顺序。所以这将无法访问。
向下箭头键是表单元素的有效测试吗？
每个导航键都必须经过测试，因此这还不够。
编辑：WCAG 参考资料：
对于、或
input类型的所有元素、所有文本区域以及网页中的所有元素：textfilepasswordselect检查、或元素之前是否有一个
label元素可以标识控件的用途inputtextareaselect
另请参见有意义的序列
1.3.2 有意义的顺序：当内容呈现的顺序影响其含义时，可以通过编程确定正确的阅读顺序。（A级）