首页 文章

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

提问于
浏览
1

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

<span>10:45</span>

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

1 回答

  • 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类,你必须设计为只能由屏幕阅读器(如引导程序中的那个)可见 .

相关问题