Почему относительное позиционирование на ярлыке делает содержимое метки невидимым для прошивки VoiceOver?

Question

Когда вы явно задали позицию: относительная на метке в форме, текст ярлыка не читается вслух VoiceOver. Я тестировал только Chrome и VoiceOver, поэтому я не знаю, происходит ли это с другими компиляторами экрана/браузера. Может быть, это просто странная ошибка, так как неясно, почему сканер действительно заботится о стиле позиционирования.

<form> 
 
     <fieldset> 
 
      <legend>Label Position Quirk</legend> 
 
      <input id="thing1" type="checkbox"> 
 
      <label for="thing1" style="position:relative">This won't be read</label> 
 
      <input id="thing2" type="checkbox"> 
 
      <label for="thing2">This will be read</label> 
 
     </fieldset> 
 
    </form>

Answer 1

Это ошибка с озвучиванием и хромом. Пользователи Voiceover в подавляющем большинстве используют Safari в качестве основного браузера, поскольку он в значительной степени разработан и протестирован для этой комбинации читателей/браузеров. У Chrome много проблем с программами чтения с экрана, которые в основном не были написаны для него (например, озвучивание/сафари и NVDA/Firefox). Я сам протестировал этот пример, и ярлыки были прочитаны вслух с помощью озвучивания и сафари, но не с Chrome - из-за этих проблем.

Чтобы получить представление о том, какой браузер/экран комбинации чтения наиболее широко используется, WebAIM регулярно предоставляет некоторые очень полезные результаты исследования, чтобы отслеживать эти тенденции: http://webaim.org/projects/screenreadersurvey6/