Как я могу убедиться, что JAWS читает текст ссылки, а не URL-адрес?

У меня есть следующий код, используемый для представления ряда переключателей, которые необходимо значительно стилизовать. Проблема, с которой я сталкиваюсь, заключается в том, что JAWS объявляет полный URL-адрес веб-страницы всякий раз, когда якорь получает фокус, а не объявляет текст ссылки. У других программ чтения с экрана такой проблемы нет. Я попытался добавить aria-label и aria-labelledby. arial-labelledby результата нет; aria-label приводит к тому, что ничего не объявляется. Я также изучил предложения по этому вопросу. Кто-нибудь сталкивался с этим и смог разобраться?

<ul role="radiogroup">
  <li class="checked" role="radio" aria-checked="true">
    <a href="#" class="radio-button" data-value="1,3">Options 1 and 3</a>
  </li>
  <li role="radio" aria-checked="false">
    <a href="#" class="radio-button" data-value="1">Option 1</a>
  </li>
  <li role="radio" aria-checked="false">
    <a href="#" class="radio-button" data-value="3">Option 3</a>
  </li>
</ul>

html accessibility wai-aria jaws-screen-reader screen-readers
person Andrew W    schedule 17.03.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

<a href="#" class="radio-button" data-value="1,3" aria-label="Options 1 and 3" title="Options 1 and 3">Options 1 and 3</a> должен опережать JAWS, читая "Варианты 1 и 3" вместо "#".

person eat-sleep-code    schedule 17.03.2015
comment
Это так, спасибо. JAWS теперь объявляет значение несколько раз, но я думаю, что это лучше, чем альтернатива. Меня предостерегали полагаться на заголовок для доступности, но я почти уверен, что это единственный жизнеспособный вариант. - person Andrew W; 17.03.2015