Web 可访问性:输入周围的表单标签是否需要语义/可访问?

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)

And*_*ine 1

这不是必需的。您可能想要概述您的表单,以便可以轻松导航到,即:

<form id="myform" role="form" aria-label="My greatest form">
Run Code Online (Sandbox Code Playgroud)

如果您这样做,那么屏幕阅读器用户可以使用他/她的区域导航键轻松导航到表单。他/她很容易知道表格从哪里开始和结束。
我重申,这不是必需的,它只是让屏幕阅读器用户更舒服。但是,如果您不想吸引他们对整个表单的注意力,那就不要管它,不要遵循此建议。