隐藏表单标签会影响 Web 可访问性吗？答案

【问题标题】：Will Hiding Form Labels Impact Web Accessibility?隐藏表单标签会影响 Web 可访问性吗？
【发布时间】：2010-05-22 00:04:23
【问题描述】：

我有一张发货单。三个输入字段围绕着送货地址。

下面是标签（括号中是它们的“for”值）

1) 地址/P.O.框（for="shipAddress1"）
2) 地址 2 (for="shipAddress2")
3) 仅用于国际地址(for="shipAddress3")

我们的设计师建议将它们简单地标记为“街道地址或邮政信箱”，但我仍然想为 Web 可访问性提供这 3 个标签（对吗？）。

我应该如何处理上面的第 1、2 和 3 项 - 我应该申请 text-indent:-1000em; 或类似的东西。我假设使用 display:none 意味着屏幕阅读器也看不到它们，对吧？

想法？

【问题讨论】：

【解决方案1】：

您是否需要向用户显示标签？如果没有，请使用text-indent:-999px 将它们放置在页面之外。 Display:none 不会被屏幕阅读器读取。

不过，我不完全确定您需要向用户展示什么。你的问题有点混乱。

【讨论】：

【解决方案2】：

据我了解，您有三个字段，只能填写一两个。为什么不让用户选择哪个文件填充了一个选项。

尼古拉斯

【讨论】：