Элемент сведений HTML5 и VoiceOver

В настоящее время я использую элемент details / summary в своем JSP. Когда я включаю VoiceOver для проверки доступности, VoiceOver просто останавливается, когда достигает элемента сведений. Похоже, он не знает, что с этим делать.

Есть идеи, есть ли обходной путь для этого? Я уже пробовал добавить role = "button" и aria-extended = "false" в сводный элемент, как описано в http://www.accessibleculture.org/articles/2012/03/screen-readers-and-details-summary/, но это ничего не изменило.

Я использую iPhone с iOS 6.1.3 для тестирования.


person user1366265    schedule 24.05.2013    source источник
comment
Было бы полезно увидеть обработанный HTML.   -  person steveax    schedule 25.05.2013


Ответы (1)


Программы чтения с экрана, такие как VoiceOver, не имеют встроенной поддержки элементов сведений и сводки. Вам нужно будет добавить арию, чтобы программы чтения с экрана распознали ее.

Один из способов - добавить aria-expanded="true", если у данных есть атрибут open, и aria-expanded="false", если его нет.

Существует существующий полифилл, который добавляет поддержку браузерам, которые не поддерживают детали / сводку, и добавляет информацию об арии

person David Storey    schedule 02.06.2013