首页 文章

VoiceOver不会从<div>或<p>的aria- *属性中读取信息

提问于
浏览
1

我希望通过浏览器中的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 回答

  • 3

    aria-labelledby 适用于具有显式角色(或隐式角色)和/或是交互元素的元素 . 简而言之, aria-labelledby 将无法与 <div><span> 一起使用 .

    像 Headers ( <h#> )这样的例子可以使用 aria-labelledby 将其文本值连接到像 <section> 这样的东西 .

    除了一个例子,我不能提供更多 .

相关问题