Как указать программам чтения с экрана пропускать диаграмму SVG (метки осей) и вместо этого читать связанную таблицу?

У меня есть диаграмма SVG и таблица, отображающие одни и те же данные. При тестировании с JAWS я заметил, что читаю все текстовые метки по осям X и Y, прежде чем читать содержимое таблицы. Я пытался добавить aria-describedby="id-of-table" к диаграмме, но это только ухудшило ситуацию: теперь JAWS по-прежнему читает все метки, но также говорит: «Используйте JAWS key+Alt+R для чтения описательного текста» после каждой метки< /эм>.

Как правильно сказать Jaws и другим программам чтения с экрана, чтобы они полностью пропустили этот раздел, потому что он не применим, подобно alt="" на декоративном изображении?

Обновление: вот пример http://jsbin.com/wujuqaliqa/2/edit?output с атрибутом aria-hidden, примененным к диаграмме.


accessibility wai-aria jaws-screen-reader screen-readers
person Nathan Friedly    schedule 19.01.2015    source источник
comment
Возможно, aria-hidden?   -  person steveax    schedule 20.01.2015
comment
Не могли бы вы дать ссылку на пример?   -  person unor    schedule 20.01.2015
comment
@unor: К сожалению, сейчас он доступен только через VPN. Но атрибут aria-hidden, упомянутый @steveax и @unbof, оказался именно тем, что мне было нужно.   -  person Nathan Friedly    schedule 20.01.2015
comment
@NathanFriedly: я не уверен, подходит ли aria-hidden (поэтому я попросил пример). Это следует использовать только в том случае, если диаграмма не должна использоваться никем, поскольку aria-hidden делает ее недоступной для всех вспомогательных технологий, а не только для программ чтения с экрана. И я предполагаю, что диаграмма имеет ценность для ваших посетителей, иначе у вас, вероятно, ее вообще не было бы, так что она не является излишней.   -  person unor    schedule 20.01.2015
comment
Да, меня поразила строка, которая гласит: «Авторы МОГУТ с осторожностью использовать aria-hidden, чтобы скрыть видимо отображаемый контент от вспомогательных технологий, только если акт сокрытия этого контента предназначен для улучшения опыта пользователей вспомогательных технологий за счет удаление лишнего или постороннего контента - я пропустил это в первый раз. Вот немного урезанный пример: jsbin.com/wujuqaliqa/1/edit?output.   -  person Nathan Friedly    schedule 20.01.2015

Ответы (1)


arrow_upward
2
arrow_downward

Установите aria-hidden="true" для содержащего элемента, который вы не хотите читать, или для каждого элемента, который вы не хотите читать, если нет общего контейнера. Будьте осторожны, чтобы не размещать это на элементе с табуляцией, таком как кнопка или ссылка, потому что они по-прежнему будут сфокусированы на табуляции и будут вести себя по-разному в зависимости от комбинации браузера и AT.

Если вы добавите пример кода или ссылку на скрипку, я смогу показать вам, как именно это сделать.

person unobf    schedule 20.01.2015
comment
Ага, это то, что мне было нужно. Я бегло просмотрел его, но пропустил часть описания. Спасибо! - person Nathan Friedly; 20.01.2015
comment
Это не работает для Windows Edge с программным обеспечением NVDO. - person Huangism; 05.02.2016