Stilfoto

Barrierefreiheit auf seezeit.com

Barrierefreies Webdesign - manchmal auch Zugänglichkeit oder Accessibility genannt - ist die Kunst, Webseiten so zu gestalten, dass jeder sie nutzen und lesen kann. Beim Design von Webseiten wird oft nicht berücksichtigt, dass viele Menschen körperliche Einschränkungen haben. Dann bilden bestimmte Techniken der Programmierung "Barrieren" für deren Zugang zum Internet. Auf seezeit.com wird mit folgenden Techniken Barrierefreiheit geleistet:

Accesskeys
Viele (nicht alle Browser) unterstützen direkte Sprünge zu bestimmten Links mit Hilfe bestimmter Tastenkombinationen, sogenannter "Accesskeys". Die folgenden Accesskeys sind durchgängig und einheitlich auf seezeit.com verfügbar:

Alt + 0: zur Startseite
Alt + 1: zum Seitenanfang der aktuellen Seite (nach oben)
Alt + 2: zur nächsten Seite (falls vorhanden)
Alt + 3: zur vorherigen Seite (falls vorhanden)
Alt + 4: zur nächsten Rubrik oder eine Ebene tiefer
Alt + 5: zur vorherigen Rubrik oder eine Ebene höher
Alt + 6: zur Gesamtübersicht, oder auch Sitemap
Alt + 7: zum Inhaltsverzeichnis der aktuellen Seite (falls vorhanden)
Alt + 8: direkt zum Inhalt der aktuellen Seite
Alt + 9: zum direkten Kontakt

Bedienungshinweise für einzelne Browser
Zu beachten ist, daß die verschiedenen Browser unterschiedliche Tastenkombinationen für die Betätigung derAccesskeys verwenden:

Microsoft Internet Explorer (ab Version 4)
Alt-Taste gedrückt halten und Accesskey drücken. Anschließend mit der Eingabetaste bestätigen.
Netscape ab Version 6
Alt-Taste gedrückt halten und Accesskey drücken.

Mozilla (alle Versionen)
Alt-Taste gedrückt halten und Accesskey drücken

Opera (ab Version 7)
Zunächst "Umschalt" (Taste mit aufwärtsgerichtetem Pfeil) und "Esc" drücken, anschließend Accesskey betätigen.

Camino, Galeon, Konqueror, Omniweb, Safari
Derzeit noch keine Unterstützung der Accesskeys ...

Layout
Für das Layout dieser Seiten werden ausschließlich Cascading Stylesheets (CSS) verwendet. Zudem ist das Seitenlayout ohne Layouttabellen und Frames gestaltet, was den Einsatz von Screenreadern erlaubt.

Textgestaltung
Da Schriftgrößen ausschließlich relativ definiert wurden, sind sogar im Internet-Explorer individuelle Schriftanpassungen möglich. Der Kontrast (Schwarz auf Weiß) wurde maximal gewählt. Zudem wurden auf fabliche Hervorhebungen weitestgehend verzichtet.

Grafiken
Alle Grafiken wurden mit einem umschreibenden Alternativtext versehen. Zudem wurden die Größen relativ definiert, was eine einheitliche Vergößerung mit Text und Bild gewährleistet. Imagemaps wurden mit einer entsprechenden Alternative versehen, welche keinen Einschränkungen unterliegt.

Sound und Video
Auf Multimediaeffekte wurde ganz verzichtet.

Drucken

Back-Pfeil