Html 可访问文本框

我有一个包含许多文本框的HTML页面。为了便于访问，我必须给它们贴上标签。但是，我不想让标签可见。可能吗？或者，还有其他设计方案吗？

带水印的文本框怎么样

---

e、 g.

带水印的文本框怎么样

---

e、 g.

在屏幕阅读器用户可以访问的情况下，有多种方法将文本放入页面中，并将其隐藏给视觉用户（例如高负文本缩进）

---

然而，“可访问性”并不是“使用网络没有问题的人”和“盲人”之间的界限。很多人都不属于这两个群体，作者很容易也很常见地忘记，可访问性不仅仅是让看不见的人可以使用内容。

有多种方法可以将文本放入页面中，并在屏幕阅读器用户可以访问时将其隐藏给视觉用户（例如高负文本缩进）

然而，“可访问性”并不是“使用网络没有问题的人”和“盲人”之间的界限。两个群体中都有很多人，作者很容易也很常见地忘记，可访问性不仅仅是让看不见的人可以使用内容。

试试CSS：

label {
    display: none;
}

确保仅将此样式表应用于“屏幕”介质：

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

试试CSS：

label {
    display: none;
}

确保仅将此样式表应用于“屏幕”介质：

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

---

标签的目的是描述输入的目的，有点像给它一个标题。如果你不使用标签，你的有视力的用户怎么知道在输入中放什么

---

任何给视力正常的用户提供视觉线索的东西都应该是辅助技术用户的标签。

标签的目的是描述输入的目的，有点像给它一个标题。如果你不使用标签，视力正常的用户怎么知道在输入中放什么

---

任何能为视力正常的用户提供视觉线索的东西，都应该是辅助技术用户的标签。

使用display:none对这一点没有坏处，我支持关于为什么要隐藏所有标签的查询-可能有一些标签是你用来通知用户textarea要包含什么的，所以只需将其标记为标签和标签即可相应地，我也很高兴

---

如果您仍然想隐藏标签，将其放置在屏幕外会更好。最近有一个问题。

使用display:none对这一点不好，我支持关于为什么要隐藏所有标签的查询-您可能会使用一些标签来通知用户文本区域要包含什么，所以只需相应地将其标记为标签和样式即可。

---

如果您仍然想隐藏标签，将其放置在屏幕外会更好。最近有一个例子。

如前所述，最好为所有输入元素设置一个可见的标签——这将有助于有视力和无视力的用户。尽管如此，在某些情况下，这是不可行的，我猜您的情况属于这种情况对于这些情况，您有两个选择

第一个是使用“title”属性，它还有一个额外的好处，即为有视力的用户显示工具提示：

<input type="text" title="first name" />

还有几个人提到了第二个选项，其中包括使用CSS将标签定位在屏幕外：

<label for="first_name" 
  style="position:absolute;left:-1000px;width:1px;overflow:hidden;" />
<input type="text" id="first_name" />

与使用“display:none”不同，屏幕阅读器仍然会读取标签。选择禁用CSS的用户将看到标签，这也很优雅

---

无论您选择什么，我都绝对推荐使用JAWS并测试您的解决方案。

如前所述，最好为所有输入元素设置一个可见的标签——这将帮助视力正常和非视力正常的用户。尽管如此，在某些情况下，这是不可行的，我猜您的情况是错误的在这些情况下，你有几个选择

第一个是使用“title”属性，它还有一个额外的好处，即为有视力的用户显示工具提示：

<input type="text" title="first name" />

还有几个人提到了第二个选项，其中包括使用CSS将标签定位在屏幕外：

<label for="first_name" 
  style="position:absolute;left:-1000px;width:1px;overflow:hidden;" />
<input type="text" id="first_name" />

与使用“display:none”不同，屏幕阅读器仍然会读取标签。选择禁用CSS的用户将看到标签，这也很优雅

---

无论您选择什么，我都绝对推荐使用JAWS并测试您的解决方案。

您好，这是我第一次尝试让web应用程序可访问。因此，首先，我的目标是“视力受损者”小组。试着从一个总体概述开始搜索特定的良好实践实施。您好，这是我第一次尝试使web应用程序可访问。因此，首先，我的目标是“视力受损者”组。请尝试查看一般概述，从中可以开始搜索特定的良好实践实施。取决于JavaScript。标签可见（而不是实际标签）。滥用“默认值”作为一个标签。我不明白你对微软实现的批评与这个想法的适用性有什么关系？@David:那又怎样？对我来说，这似乎是一个可行的解决方案。标签标签没有在那个实现中使用，所以它不符合问题的要求。Javascript看起来不错，因为禁用后会降级。一个d正如David所说，标签（两个都是冗余的（“名字”和“在这里键入名字”））仍然可见，这是OP不想要的。@Elvian，所以它不符合问题中指定的要求！哪些是“可访问的”（它不是）和“不可见的”（它是）取决于JavaScript。标签是可见的（虽然不是一个实际的标签）。滥用“默认值”作为标签。我不认为你对Microsoft实施的批评与该想法的适用性有什么关系？@David:那又怎样？对我来说，这似乎是一个可行的解决方案。标签标签没有在该实施中使用，所以我