Barrierearmes Webdesign Peter Mages | www.mages-online.de |

Dala Statistik

Inhaltsbereich

Sie befinden sich hier: Barrierearm » Befehle » Unsichtbarer Text

Peter Mages als Porträtaufnahme

Untertitel zum Foto Peter Mages an der Kieler Förde (Strande) im März 2011 © Margarete Voelzke.

Unsichtbarer Text

Codierungsbeispiel für einen "Unsichtbaren Text" auf einer Internetseite. Als Beispiel wähle ich diese Seite.

Es zeigt die Hinweise und Links zu verschiedenen Bereichen der Seite für Screen- und Webreader.

CSS (Cascading Style Sheets)

#beginn {
position: absolute;
left: -2000px;
top: -2000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

XHTML (Extensible Hypertext Markup Language)

<div id="beginn">
<ul>
<li><a href="#dir">Direkt zum Inhaltsbereich</a></li>
<li><a href="#aktuell">Direkt zum Bereich Referenzen, Links, Downloads und Werbung</a></li>
<li><a href="#navigation_links">Direkt zum Bereich Hauptnavigation mit Unternavigation</a></li>
<li><a href="#navigation_unten">Direkt zum Bereich Kurznavigation am Ende</a></li>
</ul>
</div>

<h1 id="dir">Unsichtbarer Text</h1>

Mittels dieser Hinweise und den Links erreicht der Hilfsmittelnutzer direkt die verschiedenen Bereich dieser Internetseite, z. B. direkt die Überschrift </h1> am Beginn des Inhaltsbereiches.

Weitere Befehle zu:

Adresse von Peter Mages

Peter Mages Peter Mages
Graefestr. 19
10967 Berlin
Telefon: 0 30 – 6 94 57 22
E–Mail: peter@mages-online.de
Internet: www.mages-online.de

[ nach oben ] · zum Seitenanfang ·

Navigation am Ende
Rechte Spalte mit Referenzen, Links, Downloads und Werbung
Referenzen
Links
Downloads
Werbung