Заполнитель VS Label для ввода в HTML5

Я создаю форму с несколькими входами, где мне нужно дать lable элемента формы внутри самого входа, и я использую как это

Пример

enter image description here

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

И выше код действителен в валидаторе W3C для HTML5.

Не требуется ли Label в HTML 5?

Если я использую HTML5 Placeholder для отображения метки внутри input, это нормально?

Требуется ли Label вместе с Placeholder, чтобы сделать его совместимым с программой просмотра экрана?

Ответы

Ответ 1

HTML-валидаторы не будут проверять доступность. Valid HTML может по-прежнему быть недоступным или менее оптимальным. Ярлыки по-прежнему важны, а HTML5 placeholder не является их заменой. См. H44: использование элементов ярлыков для связывания текстовых меток с элементами управления формами в Методы WCAG 2. Если ваш макет требует, чтобы метка не была видимой для зрячих пользователей, вы всегда можете включить ярлык, но переместите его на экран с отрицательными полями/отступом текста.

Update:

Некоторый результат теста на placeholder и обсуждение на список рассылки W3 Public HTML об использовании placeholder без label.

Ответ 2

Placeholder не заменяет Label, поэтому я думаю, что для чтения с экрана это должно присутствовать или хотя бы установить атрибут title. Ссылка

Для кросс-браузерной совместимости вам необходимо использовать javascript. Оформить заказ http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html для этого.