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

Question

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

Пример

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

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

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

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

Требуется ли еще label вместе с placeholder для обеспечения совместимости с устройством чтения с экрана?

Answer 1

HTML-валидаторы не будут проверять доступность.Действительный HTML все еще может быть недоступен или меньше оптимального.Ярлыки по-прежнему важны, и HTML5 placeholder не является их заменой.См. H44: Использование элементов меток для связи текстовых меток с элементами управления формы в WCAG 2 Techniques .Если ваш макет требует, чтобы метка была невидимой для зрячих пользователей, вы всегда можете включить метку, но переместить ее за пределы экрана с отрицательными полями / отступом текста.1011 * Некоторые результаты теста placeholder и обсуждение в списке рассылки W3 Public HTML об использовании placeholder без label.

Answer 2

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

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