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