aria-label во входном теге не читает Android Chrome

Question

aria-label не читается в Android Chrome, например:

<input aria-label="test" type="text">

Вкл. Android chrome , на нем написано «Поле редактирования, двойное касание для редактирования, двойное касание для вводатекст".

Но то же самое читается как "тест, текстовое поле, двойное нажатие для редактирования" на iOS Chrome .

Кто-нибудь еще когда-либо видел эту проблему?

Answer 1

Это был бы вопиющий баг с android / chrome.Атрибут aria-label является глобальным атрибутом, который можно использовать с любым элементом (см. https://www.w3.org/TR/wai-aria/#global_states).

Что произойдет, если вы попытаетесь aria-labelledby?

<span id="foo" style="display:none">test</span>
<input aria-labelledby="foo" type="text">

Will android/ chrome это читать?

Что происходит с элементом <label>?

<label for="myid" class="sr-only">test</label>
<input id="myid" type="text">

Будет ли это читать android / chrome?

(класс "sr-only")используется для визуального скрытия <label>, но он все еще доступен для чтения с экрана. См. Что такое sr-only в Bootstrap 3? )