VoiceOver говорит: «Все время рушился

Я работаю над несколькими аккордеонами и пытаюсь проверить, работают ли атрибуты арии, которые я добавляю. Какое-то время я пытался понять, почему VoiceOver продолжал говорить мне, что аккордеон свернут, хотя я установил для него aria-expanded="true". Затем я обнаружил, что каждый элемент на странице объявляется «свернутым», даже html. Затем я случайно попробовал несколько других веб-сайтов, даже сам веб-сайт aria, и VoiceOver объявляет каждый элемент «свернутым».

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


accessibility voiceover screen-readers
person dontwakemeup    schedule 24.01.2015    source источник
comment
Возможно актуально: stackoverflow.com/questions/23795169 /   -  person Paul R    schedule 24.01.2015
comment
Эта ссылка связана, но не эквивалентна   -  person unobf    schedule 25.01.2015

Ответы (2)


arrow_upward
1
arrow_downward

Похоже, это ошибка последних выпусков Chrome; repros от 40.0.2214.91 (январь 2015 г.) и IIRC не было проблемой в предыдущей версии — это работало нормально до недавнего обновления браузера.

Реплики даже с очень простыми примерами:

<a href="/">test link</a>

...читается как "свернутая ссылка. тестовая ссылка" - хотя свернутое не относится к ссылкам. Аналогичное поведение с другими типами элементов управления, такими как кнопки и т.п.

Это не проблема с Safari на той же странице, поэтому, похоже, это недавняя проблема с Chrome, а не проблема с VoiceOver.

Как @unobf упоминает выше, Safari — это стандартный браузер для тестирования VoiceOver на iOS; Chrome, безусловно, удобен в использовании при разработке, но, поскольку он отстает от Safari в плане доступности в некоторых областях, всегда следует сверять окончательный код с Safari.

person BrendanMcK    schedule 27.01.2015

arrow_upward
1
arrow_downward

Чтобы показать расширенное свернутое состояние аккордеона (role="tab"), вы должны использовать aria-expanded="true" или aria-expanded="false". Значение по умолчанию не указано, поэтому ни один атрибут не может равняться всему, что объявляется свернутым. http://www.w3.org/TR/wai-aria/roles#tab

Этот пример http://www.oaa-accessibility.org/examplep/accordian1/ у меня хорошо работает с VoiceOver в OS X и показывает правильное использование aria-expanded и aria-selected

ВАЖНО: На момент написания этой статьи Safari для OS X был самым доступным браузером. Chrome меньше поддерживает все функции ARIA.

person unobf    schedule 25.01.2015
comment
Мне кажется, что даже навигация на этой странице, которая не имеет ничего общего с примером, по-прежнему объявляется «свернутой» с помощью VoiceOver Chrome. Однако Safari не объявляет его свернутым и в целом лучше читает пример. - person dontwakemeup; 26.01.2015