是否有任何屏幕阅读器或类似的启用技术“读出”由css内容属性定义的内容?

时间:2012-10-12 14:39:43

标签: icons accessibility font-face pseudo-element

我正在用css3的字体图标做一个项目,并且有两种不同的方法来映射字符。

  1. 图标映射到常用字符,包括字母数字字符和其他基于键盘的字符。
  2. 图标被映射到unicode的私人用户区(U + E000..U + F8FF)
  3. 所有事情都是平等的,我会先做第一件事。 Css3内容仅是演示文稿,并且在良好实践中,不应该用于传达意义,而且它更加用户友好。在这种情况下,用户是前端开发人员,否则他们需要在他们的样式表中处理十六进制代码,而不是使用键盘字符。

    我见过使用私有用户区的一个论点是确保屏幕阅读器不会读出css定义的内容。这听起来很合理,但我想不出屏幕阅读器会做这样的事情的原因。根据定义,使用content属性的:before和:after伪元素不是DOM的一部分。

    我看过这段视频,显示我的假设在三种情况下是正确的:Youtube video submitted by Dan Tamas, testing screen-readers with the css content property

    是否有任何屏幕阅读器出现问题,并开始向用户读取css内容?这甚至会发生吗?

1 个答案:

答案 0 :(得分:4)

2012-05赛季罗杰·约翰逊wrote

  

[...]多个屏幕阅读器会说出以这种方式创建的内容。 VoiceOver(在OS X和iOS中都有)。当与Firefox一起使用时,NVDA会使用,但不适用于IE。

相关链接: