我希望通过浏览器中的VoiceOver(Safari)和TalkBack(Chrome)读取一些移动页面 .
html code:
<span id="label_span">some description</span>
<p aria-labelledby="label_span">
<span>main text</span>
</p>
而不是阅读' main text ' I need screen reader to read ' some description ' .
TalkBack对我来说正常,但VoiceOver(在移动Safari浏览器中)读'main text ' (even aria-label, aria-describedby doesn' t for me)
如何使VoiceOver系统读取aria- *链接元素的内容而不是特定元素 .
1 回答
aria-labelledby
适用于具有显式角色(或隐式角色)和/或是交互元素的元素 . 简而言之,aria-labelledby
将无法与<div>
或<span>
一起使用 .像 Headers (
<h#>
)这样的例子可以使用aria-labelledby
将其文本值连接到像<section>
这样的东西 .除了一个例子,我不能提供更多 .