我有以下代码,用于显示许多需要显著样式化的单选按钮。我遇到的问题是,每当锚点获得焦点时,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>
<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"而不是"#"。