屏幕阅读器不将数字读取为单个数字

问题描述 投票:0回答:1

我试图找到答案,但没有运气。网上提供的解决方案并不令人满意。用Javascript,HTML或CSS有什么方法可以使屏幕阅读器单独读取数字吗?

如果我在前面加上零,这很好。

<span>Account #: 0123</span> // Reading correct as 'Zero', 'One', 'Two', 'Three'

<span>Account #: 123</span> // Reading wrong as 'One hundred twenty three'
javascript css screen-readers
1个回答
0
投票

TL; DR:请不要做任何事情。

如果绝对要强制一位数读取,则可以在量程上使用aria-label,但实际上,如果没有绝对和不可避免的需要,请不要这样做。屏幕阅读器的主要功能是将same信息作为显示器传达给您的眼睛。此处的关键概念是the same,即在99%(9)%的情况下,执行与显示器上看到的不必要的差异是不好的。我说“不必要”是因为有时传达其他信息比较好:例如,将aria-pressed添加到切换按钮以标记它是被按下还是未被按下(在适当的CSS位置很容易看到)。如果您认为您的手指太难辨认并且需要分开,请首先尝试使用空格将它们分开,然后看看它是否在视觉上吸引人。我的感觉是,看到Account number: 0 1 2 3而不是普通的0123会让您有些恼火。如果是这样,那就相信我,盲人用户也会感到恼火。如果您认为合适,请选择一种解决方案,为其设置适当的样式,使用不间断的空格,但是在这种情况下,请不要对屏幕阅读器执行任何特殊操作。

© www.soinside.com 2019 - 2024. All rights reserved.