Accessible Display: None

Nathan Smith explains the problems with the following to hide content on a page:

selector { display: none; }


He suggests a better alternative is:

selector { display: block; overflow: hidden; width: 0; height: 0; }


I'd be interested to see a summary of how the various different screen readers would be affected by this. I might consider popping into the local RNIB and see if anyone there might know.

For a more detailed write up Nathan's solution and some interesting feedback have a look at the blog entry "Accessible Display: None".

Comments

No comments have been made, why not be the first?

Post Comment

Comment

Only registered users can post comments, please or below: