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

Question

我希望通过浏览器中的VoiceOver（Safari）和TalkBack（Chrome）读取一些移动页面。

HTML代码：

            <span id="label_span">some description</span>
            <p aria-labelledby="label_span">
                <span>main text</span>
            </p>

而不是阅读＆＃39; 主要文字 ＆＃39;我需要屏幕阅读器阅读＆＃39; 某些说明 ＆＃39;。

TalkBack对我来说正常，但VoiceOver（在移动Safari浏览器中）阅读＆＃39; 主要文本＆＃39; （甚至咏叹调标签，咏叹调 - 描述不适合我）

如何让VoiceOver系统读取aria- *链接元素的内容而不是特定元素。

Answer 1

aria-labelledby适用于具有显式角色（或隐式角色）和/或是交互元素的元素。简而言之，aria-labelledby不适用于<div>或<span>。

标题（<h#>）之类的内容就是一个示例，您可以使用aria-labelledby将其文本值与<section>之类的内容联系起来。

除了一个例子，我不能提供更多的东西。