Использование заполнителя вместо метки

Question

Когда дело доходит до доступности, обычной практикой является не использовать заполнители вместо меток, потому что при вводе чего-либо в поле заполнитель исчезает. Но что, если мой заполнитель впоследствии станет визуальной меткой?

Разве можно использовать только заполнитель в этом случае вместо действительного ярлыка? Если да, то мне также нужно пометить его меткой aria?

Answer 1

Я бы не рекомендовал использовать placeholder атрибут или другой контейнер вместо <label> элемент.

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

<label for="middle-initial">Middle Initial</label>
<input id="middle-initial">

placeholder Атрибут по существу невидим для программ чтения с экрана, поэтому его можно использовать вместе с <label>, однако он не должен использоваться в качестве замены <label>,

Если вам действительно не нравится внешний вид <label> на своей странице вы можете расположить текст за пределами экрана, используя CSS, или, если вы используете загрузчик, вы можете использовать .sr-only учебный класс.