How to hide any text from sighted user and search engine but not from screen reader?
accessibility, css, screen-readers, xhtml
Solution
The jQuery UI CSS framework does this by positioning elements far off-screen, e.g.
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
Problem
What is the best tested way to hide any text from sighted user but not from popular screen readers? and without affecting SEO. for example if i adding any hidden text only for screen-reader users then that text should not be crawl by search engine when search engine will crawl that page.