The WebAIM recommended way to hide content from screen readers

[Divisive Cotton]

http://webaim.org/blog/hiding-conten...creen-readers/

position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;

This bit of information might come in handy, or it might not

[cooper.semantics]

This would actually hide content from screen readers:

.structural {
    display: none;
    visibility: hidden;
}

Your way would actually show screen readers the specified area.

[AutisticCuckoo]

The original article's title is 'Hiding content for screen readers', which is also easy to misunderstand. The intention is to hide content from visual user agents, but not from screen readers.

[Stomme poes]

Lawlz. But get this:

If you WANT to hide content from screen readers, sometimes you can't:
using Cooper's codes above, it seems each major screen reader has some exceptions.

in JAWs it was something like, IF the display: none element is a span which is inside an anchor who has a background colour (or something weird and convoluted like that), it'll read that content out.

Window-Eyes has something similar, but not the same, so the situation that lets JAWS read out a display: none element doesn't work for W-E.

bleh.