Off Left

From CSS Discuss

Jump to: navigation, search

Hides things from Web Browsers, without destroying them for Screen Readers, by positioning them off the left hand side of the canvas. Useful for where your page layout makes it obvious something is a menu or a task (like "Add to Basket", "Add to Gift List" type links), but where this is less apparent in a screen-reader or lynx.

 .offLeft {
    position: absolute;
    left: -1000px;
    width: 100px;

Apparently, this isn't as bad for Search Engine Optimization as hiding stuff with display: none; (I think) and doesn't hide things for screenreaders. Feel free to explain in better depth, anyone — Owen Blacker

Personal tools