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

css accessibility screen-readers
Jitendra Vyas picture Jitendra Vyas · Nov 18, 2009 · Viewed 28.6k times · Source

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

Answer

Rakesh Juyal picture Rakesh Juyal · Nov 18, 2009

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.

Related questions

What would be the best method to code heading/title for <ul> or <ol>, Like we have <caption> in <table>?

What would be the best method to code heading/title of <ul> or <ol>? Like we have <caption> in <table>, and we don't want to make them bold. Is this okay? <…

Read More
Is there an equivalent to the "alt" attribute for div elements?

Screenreaders will read whatever string is set to the "alt" attribute. The use of this attribute is specifically for image tags. If I have a div like so: <div id=myCoolDiv tabindex="0"> 2 <div> Is there a …

Read More
When to use <strong> and when to use <b>?

Possible Duplicate: Is it ok to use <strong> in place of <b> blindly ? When to use <strong> and when to use <b> or other ways to give look of bold? strong has …

Read More