Hide the label with CSS

How about hiding the label dynamically using javascript after the page has loaded?

The label would still be there for screen readers as they ignore scripts.

The markup would be identical to example 1 and the script would look something like:


var els=document.getElementsByTagName("label");

for(var i=0; (el=els[i]); i++) {

  if (el.className=="hide") {
    el.style.display="none";
  }

} 


thanx
http://www.fast-dir.com