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

前端之家收集整理的这篇文章主要介绍了html – 如何通过CSS定位盲文/屏幕阅读器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用webfont在网站上显示一些图标.这是非常棒的,因为它们会缩放,如果我想要,我可以打印他们…但是问题是盲人将他们看作正常的字母或字符.以下示例返回一个很好的图标文本.
<span>i</span> Info
<span>t</span> Contact
etc...

盲人只会读: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>
原文链接:https://www.f2er.com/html/231271.html

猜你在找的HTML相关文章