如何通过 HTML 5 中搜索框的第 508 节?

发布于 2024-10-26 13:17:27 字数 483 浏览 6 评论 0 原文

508 标准第 1194.22 (a) 条 规定:

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

对于搜索框,使用

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

可以通过 508 标准,但不能通过 HTML 5 验证。

使用 标签是通过 508 标准和 HTML 5 验证的唯一方法,因为我想避免不必要的 标签?

508 Standards, Section 1194.22 (a) states that:

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

For a searchbox, using

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

passes the 508 Standards, but doesn't pass HTML 5 validation.

Is using <label> tags the only way of passing both the 508 Standards and the HTML 5 validation, because I would like to avoid having an unnecessary <label> tag?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

妥活 2024-11-02 13:17:27

我认为在这种情况下您需要更多地关注 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 分钟),或者更好的是,设置一个测试页面并让一些屏幕阅读器用户尝试一下。

或者,您可以调查aria-labelledby 看看这是否可以让您更自然地适应您的标签。

I think you need to page more attention to 1194.22 (n) in this situation. If you really, desperately need to do without a separate label you could try something like this:

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

But I would strongly recommend at least trying this out in a screenreader (NVDA is free, JAWS can be used for 40 minutes on a 'free trial') or, even better, setting up a test page and getting some screen reader users to try it.

Alternatively you could investigate aria-labelledby and see if that allows you to fit in your label more naturally.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文