WCAG 2.0 H44 - Как добавить метку, когда текстовое поле использует заполнитель текста

Question

Для H44, соответствие Критериям успеха (1.1.1, 1.3.1, 3.3.2 и 4.1.2) требует, чтобы я добавил 'метки для input текстовых полей.Однако, когда текст метки текстового поля находится внутри самого текстового поля в качестве заполнителя, как мы можем соответствовать этим критериям?

https://www.w3.org/TR/WCAG20-TECHS/H44.html

Например, если вы прокрутите до нижнего колонтитула / 1006 *https://www.goorin.com/ внизу, вы увидите текстовое поле для подписки на свою новостную рассылку, и естьтекст заполнителя внутри текстового поля «Введите адрес электронной почты».Это текст метки.Я не могу добавить фактическую видимую метку, не изменив дизайн страницы / нижнего колонтитула, чтобы текст метки находился за пределами текстового поля?Даже если я сделаю ярлык скрытым с помощью CSS, он не будет соответствовать 3.3.2.

Answer 1

Использование атрибута placeholder для метки специально указано в спецификации html как плохая вещь.См. warning в спецификации заполнителя .Многие программы чтения с экрана не читают заполнитель.Предполагается, что его использование поможет понять формат данных, которые необходимо ввести в поле, а не метку поля.

WCAG 3.3.2 говорит, что метка обычно необходима, но если контекстиз <input> дает представление о том, какой должна быть метка, тогда метка видимая может не понадобиться, но вам все равно нужна скрытая метка для программы чтения с экрана.