Seiteninhalte aus dem Viewport schieben (nur für Screen Reader sichtbar) auch auf posterous

Dies ist ein sichtbarer Text. Den nächsten Satz sollten allerdings nur Nutzer von Screen Readern sehen:

Dies ist der Text, den nur Nutzer von Screen Readern sehen.

Die Technik dürfte bekannt sein. Ein Element wird mit einer bestimmten Klasse (hier: hide) ausgezeichnet, und dieses Element dann per CSS nach links aus dem Viewport geschoben.

Das CSS:

.hide {
position:absolute;
left:-9000px;
overflow:hidden;
display:inline;
}

Beispiel:

Eine (nicht sichtbare) Bildbeschreibung auch auf Posterous.

Why_longdesc

Bildbeschreibung: Die Karikatur zeigt ein still stehendes Männchen, das fragend dreinblickt. Das Männchen reißt die Augen weit auf, und kratzt sich hinter dem Ohr. In einer "Denkblase" (gibt es den Ausdruck eigentlich?) steht: "Wozu longdesc, wenn es auch mit ein paar Zeilen CSS geht?".

(Die Bildbeschreibung sichtbar machen: CSS deaktivieren.)