我们遇到一个问题,Apple VoiceOver屏幕阅读器正在阅读单词作为首字母缩略词。这是一个例子:
" NEW& USED"将读为" N-E-W和使用"
我们已经对这个问题进行了一些磨练,并且看到了3个字符或更少的字词,大写字母被读作缩略语。
文字通过CSS text-transform: uppercase;
为大写。
有没有人找到一种方法来控制VoiceOver并让它读出来?
答案 0 :(得分:5)
你可以用这种方式标记这些单词
<span aria-label="new & used">NEW & USED</span>
答案 1 :(得分:1)
如果您使用的是text-transform: uppercase
,那么据我所知,您不需要完全用大写字母有效地书写文本以使其正确显示。
NEW完全以大写形式编写的事实是问题的根源。 大多数屏幕阅读器会像首字母缩略词一样有效地发音全首字母大写的单词,尤其是在单词较短(2-6个字符)和/或包含很少或没有元音的情况下。 这是首字母缩写词的典型特征。
如果您没有其他选择要使用大写字母写NEW,请使用<span role="text" aria-label="new">NEW</span>
,但我建议您先尝试更改文本。
只有在确实需要ARIA的情况下,并且没有其他好的简单方法,才应使用ARIA。