display:none vs visibility:hidden vs text-indent:9999屏幕阅读器的表现如何？

Question

这三个屏幕阅读器用户有什么区别？

Answer 1

参考:http://css-discuss.incutio.com/？page = ScreenreaderVisibility

display:none: 不会被看见也不会被听到.*
可见性:隐藏: 不会被看见也不会被听到.*
text-indent:9999: 将不会被看到,但会被听到.

• 大多数屏幕阅读器都不会"说话" 显示:无和可见性:隐藏,但很少有像pwWebSpeak和HtReader这样的屏幕阅读器,它们甚至会读取这些内容.

Answer 2

A List Apart对此有很好的解释.http://www.alistapart.com/articles/fir/ 这取决于产品.

PRODUCT                         DISPLAY: NONE       VISIBILITY: HIDDEN
Hal version 5.20                Does not read       Reads
IBM Home Page Reader 3.02       Does not read       Does not read
Jaws (4.02, 4.50, 5.0 beta)     Reads               Reads
OutSpoken 9                     Does not read       Does not read
Window-Eyes 4.2                 Does not read       Does not read

Answer 3

有一个非常好的摘要,说明屏幕阅读器如何解释WebAIM上的这些属性.

简而言之,visibility: hidden以及display:none将隐藏屏幕阅读器就像它从别人做的文本.所有其他方法对于屏幕阅读器都是"可见的".