Accessible Hidden Text

Published on July 10, 2007

I just ran across an excellent article entitled Why “left: -9999px;” is Better For Accessibility Than “display: none;”. It discusses the two primary means by which web developers try to hide text (usually to allow for accessible logos or titles), and why using an offset is (often) better than just simply making it invisible. The author also explains why this is better, using some documentation from Microsoft on Internet Explorer accessibility. Looks like I need to fix my websites!

3 Comments

kip

When I read the subject of this post, I thought you were talking about how to make accessible, to which I was going to have to ask why in the world one would want or need to do that. 🙂

kip

that should read:

When I read the subject of this post, I thought you were talking about how to make HTML comments accessible, to which I was going to have to ask why in the world one would want or need to do that.

I had the phrase “HTML comments” in an HTML comment, so it hid it.

I probably could have come up with a better title, had I given it a little more thought.

It’s funny that the comment parser in WordPress doesn’t catch HTML comments (and escape them appropriately). Although, I do see the comment characters in the HTML source of your comment. It’s odd that the characters didn’t get converted properly (a WordPress bug?).

Comments are closed.

Copyright © 2004-2019 Jonah Bishop. Hosted by DreamHost.