Как вы передаете Раздел 508 для окна поиска в HTML 5?

Question

508 Стандарты, раздел 1194.22 (а) гласит, что:

Текстовый эквивалент для каждого нетекстового элемент должен быть предоставлен (например, через «alt», «longdesc» или элемент содержание).

Для окна поиска, используя

<input type="text" alt="Search" value="" tabindex="1" name="s" id="s" />

соответствует стандартам 508, но не проходит проверку HTML 5.

Является ли использование тегов <label> единственным способом прохождения как стандартов 508, так и проверки HTML 5, потому что я хотел бы избежать использования ненужного тега <label>?

Answer 1

Я думаю, вам нужно уделить больше внимания 1194.22 (n) в этой ситуации. Если вам действительно нужно отчаянно обходиться без отдельного ярлыка, вы можете попробовать что-то вроде этого:

<input type="search" value="" tabindex="1" name="s" id="s" />
<label for="s"><input type="submit" value="search"></label>

Но я бы настоятельно рекомендовал, по крайней мере, попробовать это в программе чтения с экрана ( NVDA бесплатно, JAWS можно использовать в течение 40 минут в «бесплатной пробной версии») или даже лучше настроить тестовую страницу и заставить некоторых пользователей программы чтения с экрана ее опробовать.

В качестве альтернативы вы можете исследовать aria-labelledby и посмотреть, позволяет ли это вписаться в вашу этикетку более естественно.