display:none vs visibility:hidden vs text-indent:9999 How screen reader behave with each one?

前端 未结 5 1737
青春惊慌失措
青春惊慌失措 2020-12-08 06:21

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

5条回答
  •  伪装坚强ぢ
    2020-12-08 07:05

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

    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.

    • 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.

提交回复
热议问题