14

我正在制作一个具有多个输入的表单，我需要在输入本身内部提供表单元素标签，我正在使用这样

一个例子

在此处输入图像描述

<form class="TTWForm">
<input type="email" name="email" required="required" placeholder="Email Address">     
</form>

以上代码在 HTML5 的 W3C 验证器中有效。

Label在 HTML 5 中不需要？

如果我使用 HTML5Placeholder在里面显示标签input可以吗？

是否label仍然需要placeholder使其与屏幕阅读器兼容？

4

3 回答 3

10

HTML 验证器不会检查可访问性。有效的 HTML 仍可能无法访问或不是最佳的。标签仍然很重要，HTML5placeholder不能替代它们。请参阅H44：使用标签元素将文本标签与WCAG 2 技术中的表单控件相关联。如果您的布局要求标签对有视力的用户不可见，您始终可以包含标签，但将其移出屏幕并使用负边距/文本缩进。

更新：

W3 公共 HTML 邮件列表上的一些测试结果placeholder和关于使用placeholder无label.

于 2012-02-06T17:01:34.743 回答
3

Placeholder不能替代，Label所以我猜对于屏幕阅读器，这应该存在或至少设置title属性。参考

为了跨浏览器兼容性，您需要使用 javascript。结帐http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html。

于 2012-02-06T09:41:08.827 回答
0

本质上，这取决于您的页面目标是什么：

表单字段中的占位符是有害的

我更喜欢“可能有害”...假设我正在创建一种视听体验，例如在浏览器中运行的游戏，标签的使用将不利于布局，而有视觉障碍的人（或其他人）可能不会无论如何都能享受游戏。将游戏淡化到任何有任何障碍的人都可以享受它的地步，这需要我拥有一个团队，该团队至少由一个每种类型的障碍的人组成，以确保每个人都能获得正确的体验。大部分内容会在大多数地方被剪掉以适应，整个体验也会改变。

我认为这取决于您想要实现的目标，由您自行决定，但这肯定回答了我关于此事的问题

于 2020-03-25T03:25:49.217 回答