Texte verbergen (Teil 1)
Es gibt Methoden, um zusätzliche Hinweise für alternative Ausgaben anzubieten, die jedoch auf dem Bildschirm nicht sichtbar sind.
Es werden vier Methoden vorgestellt, wie man Texte oder auch Links verbergen kann. Nicht alle Methoden sind für assistive Programme jedoch verständlich. Darum wird in einer Tabelle unterhalb der vier Beispiele aufgelistet, welche Methode von welchem Programm interpretiert wird.
In der folgenden nummerierten Liste befindet sich jeweils unterhalb des Listeneintrags ein kurzer Text, beginnend mit "Beispiel #", der auf dem Bildschirm nur bei abgeschaltetem CSS zu sehen sein sollte, von Screen Readern aber wiedergegeben werden kann.
Für alle vier Beispiele gibt es natürlich auch den Quellcode.
Bitte beachten Sie, dass in optischen Browsern auch bei abgeschaltetem CSS die transparenten 1-Pixel-Grafiken nicht wahrnehmbar sind, wenn ihnen border="0" zugewiesen wurde!
- Verbergen mit CSS: "display: none;"
Beispiel 1: Verbergen mit "display: none;" - Link verbergen mit einer 1-Pixel-Grafik
- Text verbergen mit einer 1-Pixel-Grafik
- Verbergen mit CSS: "Positionierung außerhalb des anzeigbaren Bereichs"
Beispiel 4: Text im abseits
Anzeige durch assistive Programme
Die folgende Tabelle listet auf, welche assistiven Programme welche Methode wie interpretieren.
ja = Anzeige, nein = keine Anzeige, * = Zusatzinfo siehe unten:
| Programm | Text mitdisplay:none | Link mit 1-Pixel-Grafik | Text mit 1-Pixel-Grafik | Position -1000 |
|---|---|---|---|---|
| Lynx 2.8 | ja | ja | ja | ja |
| WebFormator 1.31 | nein | ja | nein | ja |
| WebFormator 2.1 | ja *1 | ja | ja *2 | ja |
| Home Page Reader 3.0 | ja | ja | ja | ja |
| Home Page Reader 3.02 | nein | ja | ja | ja |
| Home Page Reader 3.04 | nein | ja | ja | ja |
| Jaws 4.51 | nein | ja | ja | ja |
| Jaws 5.0 | nein | ja | ja | ja |
| Jaws 6.x | ja *3 | ja | ja | ja |
| Window Eyes 4.5 | nein | ja | ja | ja |
| Window Eyes 5.0 | nein | ja | ja | ja |
Anmerkung
*1 Um mit display:none; formatierte Bereiche sichtbar zu machen, darf im WebFormator 2.1 "Nur wirklich sichtbare Objekte anzeigen" auf der Registerkarte "Darstellung" im Einstellungsdialog (ALT+O) nicht angehakt sein.
*2 Wird Text mittels einer 1-Pixel-Grafik verborgen, so zeigt ihn der WebFormator 2.1 nur an, wenn "Text- Grafik-Objekte minimaler Größe anzeigen" auf der Registerkarte "Darstellung" im Einstellungsdialog (ALT+O) angehakt ist.
*3 Ab Version 6.10 bietet Jaws die Möglichkeit, Style Sheets zu ignorieren. Darum wird bei entsprechender Einstellung gegenüber früheren Versionen auch Text angezeigt, der mit display:none; verborgen wurde.
Verborgen - oder doch nicht?
Bei Betrachtung der Tabelle fällt auf, dass die mit display:none verborgenen Bereiche von den meisten Programmen nicht angezeigt werden können. Dies liegt daran, dass bei dieser Methode die Anzeige des Textes komplett unterdrückt, also auch nicht in den Bildschirmspeicher geschrieben wird; das gilt im übrigen auch für visibility:hidden.
Bei der Positionierung der Informationen außerhalb des anzeigbaren Bereichs sind diese zwar nicht auf dem Bildschirm sichtbar, im Bildschirmspeicher jedoch vorhanden, so dass auf sie auch zugegriffen werden kann.
Seitenanfang - zurück - Weiter
