Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.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
Forms 我的aria descripbeby可以放在输入元素之前吗？_Forms_Accessibility_Wcag - Fatal编程技术网
Fatal编程技术网
  • forms/
  • Forms 我的aria descripbeby可以放在输入元素之前吗？

Forms 我的aria descripbeby可以放在输入元素之前吗？

forms

Forms 我的aria descripbeby可以放在输入元素之前吗？,forms,accessibility,wcag,Forms,Accessibility,Wcag,我在输入元素上有一个带有aria descripbeby属性的表单，后面是一个span标记，带有所需输入的描述/示例。它还有一个类，只能为屏幕阅读器显示（视力正常的人可以使用占位符信息） 根据Fangs的说法，这里的问题是，屏幕阅读器读取标签，然后提示输入，然后读取由文本描述的唱段 我是否可以将文本移到代码输入上方，例如 <label for="givenName">Given name</label> <span id="givenNameHelp" class

我在输入元素上有一个带有
aria descripbeby
属性的表单，后面是一个
span
标记，带有所需输入的描述/示例。它还有一个类，只能为屏幕阅读器显示（视力正常的人可以使用
占位符
信息）

根据Fangs的说法，这里的问题是，屏幕阅读器读取标签，然后提示输入，然后读取由
文本描述的
唱段

我是否可以将文本移到代码输入上方，例如


<label for="givenName">Given name</label>

<span id="givenNameHelp" class="help-block sr-only">e.g. Liam</span>

<input class="form-control" type="text" id="givenName" placeholder="Liam" aria-describedby="givenNameHelp">



给定名称
e、 g.利亚姆

如果您已经将HTML标签添加到输入中，则根本不需要使用ARIA属性。您可以安全地删除aria descripbeby，并嵌套span内容。例如：


<label for="givenName">Given name
        <span id="givenNameHelp" class="help-block sr-only">e.g. Liam</span>
</label>
<input class="form-control" type="text" id="givenName" placeholder="Liam">



给定名称
e、 g.利亚姆


希望有帮助！
一般来说，首先尝试使用标准HTML创建可访问的内容。然后，使用ARIA描述网站部分、小部件和交互行为（如菜单、选项卡、弹出窗口、消息、下拉列表、日历等），并描述无法使用HTML的内容