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

Question

У меня есть следующий код, используемый для представления ряда переключателей, которые должны быть значительно стилизованы. У меня проблема в том, что 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>

Answer 1

<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" вместо "#".