Метка формы присутствует, но не содержит никакого содержимого

Question

Я использую AngularDart для создания веб-проекта. Мне нужно сделать веб-сайт доступным, поэтому я использую WAVE (инструмент оценки доступности веб-сайтов) для проведения оценок для моей веб-страницы. Надпись над областью ввода показывает «Метка формы присутствует, но не содержит никакого содержимого».

Я знаю, что мне нужно добавить атрибут «for = id_of_input» к тегу метки, но тег ввода настроен, и IntelliJ показывает «недопустимую ссылку на идентификатор», когда я делаю что-то вроде этого:

<label for="some_id"> username: </label>
<customized-input id="some_id"></customized-input>

Так, как я мог справиться с этой ситуацией?

Answer 1

Есть другой подход, который может работать для вас: просто поместите <label> вокруг <input>. Затем вы можете пропустить атрибут for и даже атрибут id. Если он ведет себя в AngularDart, он должен также передавать в WAVE.