forms - HTML5 中用于输入的占位符 VS 标签

Question

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

一个例子

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

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

Label 在 HTML 5 中不需要吗？

如果我使用 HTML5 Placeholder 在 input 中显示标签可以吗？

label 是否仍需要与 placeholder 一起使用才能使其与屏幕阅读器兼容？

Answer 1

HTML 验证器不会检查可访问性。有效的 HTML 仍然无法访问或达不到最佳效果。标签仍然很重要，HTML5 placeholder 不能替代它们。参见 H44: Using label elements to associate text labels with form controls在WCAG 2 Techniques .如果您的布局要求标签对有视力的用户不可见，您始终可以包含该标签，但将其移到屏幕外并使用负边距/文本缩进。

更新:

一些 test result on placeholder和一个 discussion on the W3 Public HTML mailing list about using placeholder without label .