显示:无 vs 可见性:隐藏 vs 文本缩进:9999 屏幕阅读器如何处理每一个? [英] display:none vs visibility:hidden vs text-indent:9999 How screen reader behave with each one?

问题描述

对于屏幕阅读器用户来说，这三个有什么区别?

What is the difference between these three for screen reader users?

推荐答案

refer: http://css-discuss.incutio.com/?page=ScreenreaderVisibility

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

display:none: will not be seen nor heard. *
visibility: hidden: will not be seen nor heard. *
text-indent: 9999: will not be seen but it will be heard.

• 大多数屏幕阅读器不会说话"display:none 和 visibility: hidden ，但很少有屏幕阅读器像 pwWebSpeak 和 HtReader 甚至可以阅读这些内容.

• Most of the screen reader will not 'speak' display:none and visibility: hidden , but there are few screen readers like pwWebSpeak and HtReader which will read even these too.

这篇关于显示:无 vs 可见性:隐藏 vs 文本缩进:9999 屏幕阅读器如何处理每一个?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！