Как избежать чтения с экрана имени элемента

Я использую приведенную ниже разметку,

<ul>
 <li class="country-region-items double-col-region-width"><button aria- 
 label="Europe" class="region-name cs-label fwrd-arrow">Europe</button></li>

 <li class="country-region-items double-col-region-width"><button aria- 
 label="America" class="region-name cs-label fwrd-arrow">America</button></li>
</ul>

Программа чтения с экрана читает «Список с двумя элементами, кнопка списка элементов Европы». Как я могу ограничить его чтение только как «Европа»?

Ps: я не хочу менять структуру HTML.


html wai-aria jaws-screen-reader screen-readers nvda
person Sanjay B    schedule 17.04.2018    source источник
comment
Я ничего не знаю о настройке программы чтения с экрана, но разве кто-то, кто ее использует, не должен знать, что это кнопка, которую они могут нажать, а не просто статический элемент в списке?   -  person freefaller    schedule 17.04.2018
comment
Почему вы хотите предотвратить это? Разве кнопка не должна использоваться?   -  person unor    schedule 18.04.2018

Ответы (2)


arrow_upward
1
arrow_downward

Да, вы можете удалить «списковость» списка, используя role="presentation", но это крайне не рекомендуется. Я предполагаю, что список использовался в первую очередь потому, что вы хотели сгруппировать связанные элементы вместе. Если это так, то та же семантическая информация должна быть представлена ​​и программам чтения с экрана, и список не должен быть «скрытым».

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

Если список используется для целей стилизации, это тоже неуместное использование списков.

Но, в конце концов, вы можете делать с ним все, что хотите.

<ul role="presentation">
 <li class="country-region-items double-col-region-width"><button aria- 
 label="Europe" class="region-name cs-label fwrd-arrow">Europe</button></li>

 <li class="country-region-items double-col-region-width"><button aria- 
 label="America" class="region-name cs-label fwrd-arrow">America</button></li>
</ul>
person slugolicious    schedule 17.04.2018

arrow_upward
0
arrow_downward

Почему вы хотите ограничить его? Объявления о семантике предоставляются программой чтения с экрана для передачи пользовательского интерфейса.

person Steve Faulkner    schedule 17.04.2018
comment
Да, я это понимаю, но есть ли обходной путь для вышеуказанного? - person Sanjay B; 17.04.2018