Sprungmarke zum Text (update)

Hier auf der Seite ist der Quelltext so angeordnet, dass als erstes die Überschrift »praegnanz.de« kommt, danach die Hauptnavigation und dann gleich die Gimmicks von der Seitenleiste. Es leuchtet ein, dass diese Reihenfolge für Menschen, die ausschließlich die Tastatur zum Surfen verwenden, nervig ist. Und meine blinden oder stark sehbehinderten Leser werden das auch nicht so lustig finden. Aber mir war bisher so ein Link, mit dem man direkt zum eigentlichen Inhalt der Seite befördert wird, immer zu hässlich.

Jetzt habe ich kurz nachgedacht und bin zu dem Ergebnis gekommen, dass man genau diesen Link eigentlich auch an einer semantisch sinnvollen Stelle im Quelltext anbringen kann (nämlich nach der Hauptnavigation), aber ihn per CSS im Browserfenster ganz woanders platzieren kann. Zum Beispiel außerhalb des Browserfensters verstecken! Klingt doof? Nö. Denn wer das Layout der Seite sieht, braucht diesen Link im Normalfalle gar nicht. Wer jedoch mit abgeschaltetem Stylesheet oder mit einem Textbrowser oder mit einem Screenreader arbeitet, für den steht der Sprunglink ja an der richtigen Stelle.

Also: Einfach ein DIV mit einem Sprunglink erzeugen:

<div id="contentsprung">
<a href="#content">Direkt zum Inhalt springen</a>
</div>

Und diesen dann mit absoluter Positionierung aus dem normalen Seitenfluss reißen und mit absurd hohen Minuswerten verstecken :

#contentsprung {
position: absolute;
top: -1000px;
left: -1000px;
}

Natürlich muss es innerhalb des Dokuments auch ein Ziel mit der id content geben. Das sollte idealerweise dann auch wirklich das letzte Tag sein, bevor der eigentliche Inhalt losgeht:

<div id="content">

Fertig. Einfach, oder? Und barrierefrei. Zumindest zu einem gewissen Prozentsatz! Man möge mich steinigen, falls ich hier grobe Unwahrheiten erzähle.

Ach ja: Es gibt jetzt ein Firefox-PlugIn, welches man im Auge behalten sollte: Fangs zeigt den Text an, wie ihn ein Screenreader sprechen würde. Alternativ kann man sich natürlich einen der vielen Screen Reader mal herunterladen und testen. Ist bestimmt spannend.