如何确保 JAWS 读取 link 文本而不是 URL?
How can I ensure JAWS reads the link text rather than the URL?
我有以下代码,用于呈现一些需要显着设计样式的单选按钮。我遇到的问题是,只要锚点获得焦点,JAWS 就会宣布网页的完整 URL,而不是宣布 link 文本。其他屏幕阅读器没有这个问题。我尝试添加 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>
<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 使其屈服于阅读 "Options 1 and 3" 而不是“#”。
我有以下代码,用于呈现一些需要显着设计样式的单选按钮。我遇到的问题是,只要锚点获得焦点,JAWS 就会宣布网页的完整 URL,而不是宣布 link 文本。其他屏幕阅读器没有这个问题。我尝试添加 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>
<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 使其屈服于阅读 "Options 1 and 3" 而不是“#”。