Jon*_*han 4 html css accessibility screen-readers voiceover
假设我在HTML中有以下句子:
<p>Please enter your licence number</p>
屏幕阅读器错误地将"许可"一词称为"liss-ens"(语音拼写).它应该发音为"lice-ens"(拼音拼写).
我想通过向屏幕阅读器提供语音拼写来解决这个问题,同时让文本在视觉上显得相同.
我可以使用<span>s,aria-属性和样式如下:
<p>Please enter your <span aria-hidden="true">licence</span><span style="position: absolute; left: -10000em;">license</span> number</p>
这很好用,除了屏幕阅读器(我在MacOS上使用VoiceOver测试)在第一个跨度时暂停,迫使我按[VO] + [向右箭头]前进到下一个单词:
"请输入你的"...... [VO] + [右箭头] ..."lice-ens"... [VO] + [右箭头] ......"数字"
我希望屏幕阅读器能够顺利地读出句子而不会暂停.
这可能吗？或者我不应该试图控制这个？
aar*_*ian 13
别.
真的,不要担心.我知道这听起来很陈词滥调,但这是基于多年与屏幕阅读器用户合作(并尝试做你想做的事情)的真实建议.
大多数屏幕阅读器用户已经熟悉他们的工具如何说出单词,与缩写,日期,时间等相关的怪癖.通过尝试覆盖它,您将面临混淆用户的风险.
如果您与屏幕阅读器用户交谈,您可能会发现这是真的.在本周的WebAIM邮件列表上再次出现这个问题是如此常见:http://webaim.org/discussion/mail_message？id = 34398
请注意线程中这个富有洞察力的评论:
事实上,有时如果你非常认真地听屏幕阅读器用户说话,你会发现我们会像屏幕阅读器那样发音 - 我们甚至都不知道它.
绝对不要试图改变目的<ruby>.一般来说,如果你不理解一个元素,那就不要使用它,当然不是一个黑客.这可能会导致尝试自动翻译内容的人出现问题.
此外,如果您不准备在所有屏幕阅读器和平台组合(包括每个屏幕阅读器和浏览器配对的多个版本)上进行测试,请不要使用hack .
最后,请记住,大约1/3的屏幕阅读器用户有视觉,因此有时强制发音会弄乱他们在屏幕上看到的内容.