Похоже, это сообщение приходит от AChecker .(Иногда это помогает рассказать людям, какой инструмент специальных возможностей вы используете.)
Ошибка , а не , жалуясь на то, что
Элемент label представляет заголовок в пользовательском интерфейсе.Заголовок может быть связан с определенным элементом управления формы, известным как элемент управления с меткой элемента label, либо с помощью атрибута for, , либо путем помещения элемента управления внутри самого элемента label .
Теперь, сказав, что раньше была (и может быть еще) некоторая комбинация программы чтения с экрана и браузера, которая не учитывала бы метку неявная и требовала, чтобы вы указали атрибут for в
В любом случае, вернемся к исходному вопросу. Ошибка 188 говорит о том, что сама метка не имеет никакого текста.У вас есть class="screen-reader-text" на , который является единственным источником текста внутри метки.Если этот класс имеет display:none или visibility:hidden, то это может вызвать ошибку, поскольку текст будет скрыт для всех пользователей.Однако, если ваш класс screen-reader-text просто визуально скрывает текст (аналогично Что такое sr-only в Bootstrap 3? ), тогда текст будет доступен для программ чтения с экрана, но может быть невидимым для зрячих пользователей.Я не уверен, что это заставит AChecker пометить его по ошибке.