flo*_*oor 8 html forms accessibility
嘿一个有点奇怪的问题..
我正在构建一个网络应用程序,我想使用表单输入,但在某些情况下,我觉得表单标签会使 html 膨胀。我知道验证或网站工作不需要表单标签。但是关于可访问性,表单标签是否为这些用户提供任何语义支持?
我有一个按钮,它将使用输入字段中的数据,因此提交表单没有用。
如果只有一个输入后跟一个按钮,则选项卡索引也无关紧要。
<label>
Some Label: <input type="text" id="input">
</label>
Run Code Online (Sandbox Code Playgroud)
VS
<form>
<label>
Some Label: <input type="text" id="input">
</label>
</form>
Run Code Online (Sandbox Code Playgroud)
这不是必需的。您可能想要概述您的表单,以便可以轻松导航到,即:
<form id="myform" role="form" aria-label="My greatest form">
Run Code Online (Sandbox Code Playgroud)
如果您这样做,那么屏幕阅读器用户可以使用他/她的区域导航键轻松导航到表单。他/她很容易知道表格从哪里开始和结束。
我重申,这不是必需的,它只是让屏幕阅读器用户更舒服。但是,如果您不想吸引他们对整个表单的注意力,那就不要管它,不要遵循此建议。
归档时间: |
|
查看次数: |
1304 次 |
最近记录: |