如何使屏幕阅读器从跨度内的内容中读取不同的内容

Question

如果我在html中有以下范围，

<span>10:45</span>

有没有办法让屏幕阅读器读取＆＃34;文档值为10:45＆＃34;？ 起初我以为我可以使用aria-label="Document value at 10:45"，但它似乎不起作用。此外，我觉得咏叹调标签不应该以这种方式使用。任何人都知道是否有任何其他咏叹调相关属性可以实现这一目标？

Answer 1

aria-label仅对互动元素

有用

目前您必须使用以下内容：

 <span class="sr-only">Document value at 10:45</span>
 <span aria-hidden="true">10:45</span>

或以下

 <span class="sr-only">Document value at </span>10:45

如果sr-only是一个css类，你必须设计为只能通过屏幕阅读器（如引导程序中的那个）显示。