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

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

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

5条回答
  •  借酒劲吻你
    2020-12-08 07:02

    There's a very good summary of how screen readers interpret these properties at WebAIM.

    In a nutshell, visibility: hidden and display:none will hide text from screen readers just like it does from others. All other methods will be 'visible' to a screen reader.

提交回复
热议问题