Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
126<br />
it professional<br />
Webseiten konzipieren und umsetzen<br />
für alle Menschen zugängliche internetangeBote entWickeln<br />
Barrierefreie<br />
Webseiten<br />
gestalten<br />
Anders als im Alltag haben Menschen mit Behinderungen<br />
im Internet mit versteckten Hürden<br />
zu kämpfen. Dabei ist es gar nicht so schwer, ein<br />
Internet angebot zu gestalten, das barrierefrei oder<br />
zumindest barrierearm ist.<br />
<strong>von</strong> ruth Winkler<br />
A<br />
ls barrierefrei gelten Web-Angebote, die<br />
alle Nutzer unabhängig <strong>von</strong> körperlichen<br />
oder technischen Möglichkeiten uneingeschränkt<br />
(barrierefrei) nutzen können.<br />
In Deutschland definiert die Barrierefreie<br />
Informationstechnik-Verordnung (BITV), was<br />
barrierefrei ist und leitet sich aus den Web<br />
Content Accessibility Guidelines des W3C ab.<br />
Somit müssen folgende vier Grundvoraussetzungen<br />
erfüllt sein:<br />
• Wahrnehmbarkeit: Alle Inhalte müssen auf<br />
verständliche Weise für alle Menschen sehund/oder<br />
hörbar sein.<br />
• Benutzbarkeit: Alle Inhalte müssen für alle<br />
Menschen leicht zugänglich und auffindbar<br />
sein.<br />
• Verständlichkeit: Die Webseite als Ganzes<br />
muss für alle Menschen einen selbsterklärenden<br />
Aufbau haben und Inhalte verständlich<br />
präsentieren.<br />
• Robustheit: Die Webseite darf nicht auf<br />
die Kompatibilität mit irgendeiner Soft- oder<br />
Hardware angewiesen sein.<br />
1 Doctype und Sprache festlegen<br />
Ob Sie HTML 4.01 oder XHTML 1.0 verwenden,<br />
spielt grundsätzlich keine Rolle. Nur auf HTML<br />
5 muss verzichtet werden, da bis heute kein<br />
Hilfsprogramm diesen Standard Ruth Winkler<br />
unterstützt. XHTML enthält in vielen Bereichen<br />
bereits Richtlinien, die auch für die Barrierefreiheit<br />
wichtig sind. Deshalb legen wir unser<br />
Beispiel in XHTML 1.0 Strict an. Die Sprache,<br />
in der der Seiteninhalt verfasst ist, muss angegeben<br />
werden, damit Screenreader die passende<br />
Sprachausgabe und Betonung finden.<br />
In diesem Fall „de“ für Deutsch. Weicht die<br />
Sprache im Content <strong>von</strong> der Standardsprache<br />
ab, geben Sie dem Absatz oder Container das<br />
Attribut lang gesondert noch einmal.<br />
<br />
<br />
Für den XHTML-Standard ist eine Einteilung<br />
des Dokuments in einen Head- und Body-<br />
Bereich vorgeschrieben. Ebenso müssen Inhaltsblöcke<br />
mit DIV-Containern umschlossen<br />
und Absätze mit P-Tags getrennt werden.<br />
<br />
<br />
...<br />
<br />
<br />
...<br />
<br />
<br />
2 Seitentitel vergeben<br />
Viele Screenreader lesen beim Öffnen einer<br />
Webseite dem Benutzer erst den Seitentitel vor.<br />
Wenn mehrere Fenster geöffnet sind, besteht<br />
gerade für blinde/sehschwache Menschen die<br />
Möglichkeit, sich die Seitentitel der geöffneten<br />
Seiten vorlesen zu lassen und sich anhand<br />
dieser Information zu orientieren. Damit dieser<br />
damit etwas anfangen kann, verwenden Sie einen<br />
eindeutigen und aussagekräftigen Seitentitel,<br />
der den Inhalt kurz zusammenfasst.<br />
<br />
Grundlagen zum Aufbau einer bar<br />
rierefreien Webseite<br />
<br />
3 Skalierbarkeit der<br />
Inhalte gewährleisten<br />
Um die Barrierefreiheit in jedem Fall zu gewährleisten,<br />
halten Sie alle Größenangaben<br />
relativ. Wir bauen unser Grundgerüst auf, in-<br />
<strong>PC</strong> <strong>Magazin</strong> 1/2012 www.pc-magazin.de