Question

我有以下代码，用于呈现一些需要显式设计的单选按钮。我遇到的问题是，只要锚点获得焦点，JAWS就会宣布网页的完整URL，而不是宣布链接文本。其他屏幕阅读器没有此问题。我尝试添加aria-label和aria-labelledby。 arial-labelledby没有结果; aria-label导致没有宣布任何内容。我也探讨了suggestions in this question。有没有人经历过这个，并且能够解决它？

<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”而不是“＃”。

如何确保JAWS读取链接文本而不是URL？

1 个答案: