search - 如何通过 HTML5 中搜索框的第 508 节？

Question

508 Standards, Section 1194.22 (a)指出:

A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content).

对于搜索框，使用

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

通过 508 标准，但未通过 HTML 5 验证。

正在使用 <label>标记是通过 508 标准和 HTML 5 验证的唯一方法，因为我想避免不必要的 <label>标签？

Answer 1

我认为在这种情况下你需要更多地关注 1194.22 (n)。如果你真的非常需要没有单独的标签，你可以尝试这样的事情:

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

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

或者你可以 investigate aria-labelledby看看这是否能让您更自然地适应您的标签。