Search 如何通过HTML5中搜索框的第508节?

Search 如何通过HTML5中搜索框的第508节?,search,html,input,section508,html-validation,Search,Html,Input,Section508,Html Validation,声明: 每个非文本对应的文本 应提供元件(例如,通过 “alt”、“longdesc”或在元素中 内容) 对于搜索框,使用 <input type="text" alt="Search" value="" tabindex="1" name="s" id="s" /> 通过508标准,但未通过HTML5验证 使用标记是否是通过508标准和HTML5验证的唯一方法,因为我希望避免使用不必要的标记?我认为在这种情况下,您需要关注1194.22(n)。如果你真的非常需要一个单独的标签

声明:

每个非文本对应的文本 应提供元件(例如,通过 “alt”、“longdesc”或在元素中 内容)

对于搜索框,使用

<input type="text" alt="Search" value="" tabindex="1" name="s" id="s" />

通过508标准,但未通过HTML5验证


使用
标记是否是通过508标准和HTML5验证的唯一方法,因为我希望避免使用不必要的
标记?

我认为在这种情况下,您需要关注1194.22(n)。如果你真的非常需要一个单独的标签,你可以试试这样的东西:

<input type="search" value="" tabindex="1" name="s" id="s" />
<label for="s"><input type="submit" value="search"></label>

但我强烈建议至少在屏幕阅读器上试用(免费,可以在“免费试用”中使用40分钟),或者更好的是,设置一个测试页面,让一些屏幕阅读器用户试用


或者,您也可以这样做,看看这是否能让您更自然地融入标签。

为什么您认为标签标签是不必要的,您还如何提供信息?
alt
属性仅适用于
img
元素,据我所知,它不会向屏幕阅读器提供任何信息。标签标签是不必要的额外空间,搜索按钮已经提供了“搜索”一词。您的搜索按钮在输入字段之前吗?屏幕阅读器用户如何知道这是一个搜索字段?搜索按钮位于输入字段之后。本质上,它是一个搜索框,紧跟着同一行上的搜索按钮。+1表示有用的链接;我将测试您的代码,看看它是否有效。HTML5无法验证;它表示标签需要与内部输入具有相同的id。@mc10如果验证比实际是否可访问更重要,您可以尝试一些方法