Hallo,
Bilder sind Hintergrundgrafiken aber sie arbeiten nicht mit transparenten nullgifs als Platzhalter...und JS wird natürlich auch nicht eingesetzt...
z.B.
<a href="/Tour/" id="nTour"><span>Tour</span></a>CSS
a span {
display: none;
}
Dieser Code hat nur zwei Haken:
Haken Nr. 1:
Die meisten der aktuellen Screenreader machen ihrem Namen alle Ehre und lesen den Bildschirminhalt vor. Wenn dort aufgrund von display:none; nichts zu sehen ist, dann bleiben auch die meisten Screenreader stumm.
Besser ist zum Beispiel so etwas:
a span {
width:0;
height:0;
overflow:hidden;
position:absolute;
left:-10000px;
}
(wegen ein paar Browser-Inkompatibilitäten sind's so viele Eigenschaften)
Haken Nr. 2:
Egal welche Methode zum Ausblenden des Textinhaltes verwendet wird, in einem CSS-fähigen Browser, in dem aus welchen Gründen auch immer keine Bilder zu sehen sind, ist anstatt der Navigation nur eine kahle Fläche zu sehen.
Viele Grüße
Carsten