html – 如何通过CSS定位盲文屏幕阅读器

概述我使用webfont在网站上显示一些图标.这是非常棒的,因为它们会缩放,如果我想要,我可以打印他们…但是问题是盲人将他们看作正常的字母或字符.以下示例返回一个很好的图标文本. <span>i</span> Info<span>t</span> Contactetc... 盲人只会读：iInfo,tContact等… 有可能以某种方式瞄准盲文 – 带CSS的屏幕阅读器 我在w3网站上发现了这一点 我使用webFont在网站上显示一些图标.这是非常棒的,因为它们会缩放,如果我想要,我可以打印他们…但是问题是盲人将他们看作正常的字母或字符.以下示例返回一个很好的图标文本.

<span>i</span> Info<span>t</span> Contactetc...

盲人只会读：iInfo,tContact等…

有可能以某种方式瞄准盲文 – 带CSS的屏幕阅读器

我在w3网站上发现了这一点,但是我不知道这个工作是否真实存在：
http://www.w3.org/TR/CSS2/media.html#media-types

有谁有任何经验吗？

—— —–更新

：在& ：之后 – >一些屏幕阅读器,如VoiceOver for MacOS,大声朗读“内容”部分.我已经通过我的自我测试了.

@media盲文,演讲 – >接缝不会对VoiceOver有影响.它读取屏幕上可见的内容(用safari和Chrome进行测试)

说：无 – >对VoiceOver或NVDA(https://twitter.com/#!/jcsteh/status/143848614979055616)没有任何影响

解决方法 我认为没有“最终的解决办法”.但是您可以使用abbr-tag描述使用Font-char,因此大多数屏幕阅读器都将读出abbr的标题参数,用户可以获取“icon-character”的含义.

我不是100％肯定,但是因为它接缝NVDA,JAWS和VoiceOver的iOS这个工作 – 在Mac OS X(不幸的是)不…

例：

<abbr title="Attachment Icon">A</abbr>

总结

以上是内存溢出为你收集整理的html – 如何通过CSS定位盲文/屏幕阅读器全部内容，希望文章能够帮你解决html – 如何通过CSS定位盲文/屏幕阅读器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。