Anzeigemedium

Hilfe und Zugänglichkeitsinformationen

Focus auf Webstandards und Barrierefreiheit

Die Umsetzung dieses Webauftritts erfolgte unter der Berücksichtigung aktuell geltender, vom W3C Konsortium verabschiedeter Webstandards. Daraus leiten sich unter anderem die Grundlagen für eine erweiterte Zugänglichkeit (Accessibility) und eine interoperable Benutzbarkeit (Usability) bei modern gestalteten und standardkonformen Webseiten ab.

Um den Zugang für alle Benutzergruppen weitestgehend barrierefrei zu gestalten sowie eine endgeräteunabhängige Darstellung (zum Beispiel für Textbrowser, Screenreader, PDA’s, internetfähige Handys) zu gewährleisten, wurde folgenden Punkten ein besonderes Hauptaugenmerk zuteil:

  • tabellenloses Layout basierend auf XHTML 1.0 Strict und CSS 2
  • syntaktisch fehlerfreies und semantisches Markup (XHTML Quelltext)
  • elastisches Design (bei Schriftgrößenveränderung skaliert das Design mit)
  • in der grafischen Darstellung abwärtskompatible Browserfunktionalität
  • grafische Darstellung (CSS 2) ab Mozilla 1, Netscape 6, Opera 5, IE 5.0
  • linearisiertes Textlayout für ältere Browser die kein CSS 2 unterstützen

Validierung des Seitenquelltextes und der Stylesheets

Auf jeder Seite befinden sich in der Fußzeile zwei Verweise zur Überprüfung des generierten XHTML Quelltextes und der verwendeten Stylesheets.

W3C Validator (XHTML 1.0)
W3C CSS Validator (CSS 2)

Zusätzlich wurden alle Seiten erfolgreich mit den weiteren nachfolgenden Validatoren auf ein fehlerfreies Ergebnis hin überprüft:

XML Schema Validator
Validome Validation Service

Navigation per Tastatur (Tabulatortaste)

Viele Browser unterstützen das schnelle Navigieren innerhalb der angezeigten Seite per Tastatur mit der TAB-Taste. Dabei kann von einem Link zum nächsten navigiert werden. Der mittels TAB-Taste annavigierte und dabei aktivierte Link wird durch farbliches Hervorheben besonders visuell gekennzeichnet. Durch das Betätigen der ENTER-Taste wird das Linkziel angesprungen und danach im Browser angezeigt.

Dynamische Schriftgröße und skalierbares Design

In allen Browsern, die eine Einstellungsmöglichkeit dafür bieten, kann die Schriftgröße individuell eingestellt (vergrößert und verkleinert) werden. Dabei skaliert das per CSS gestaltete, grafische Erscheinungsbild dieses Webauftritts automatisch in seiner Größe mit.

Alternativ dazu wird für Browser, die dieses unterstützen, eine dynamische Schriftskalierung angeboten. Voraussetzung dafür ist im Browser aktiviertes Javascript. Ist dies der Fall, werden drei Lupensymbole zur Einstellung der Schriftgröße (oben links über der Kopfgrafik) angezeigt.

  • Icon Schrift vergrößern - die Schrift kann in 5 Schritten vergrößert werden
  • Icon Schriftgröße zurücksetzen - die Schriftgröße wird zurückgesetzt
  • Icon Schrift verkleinern - die Schrift kann in 2 Schritten verkleinert werden

Fotogalerie - Information und Tastaturkürzel

Die in der Fotogalerie angezeigten Vorschaubilder lassen sich einfach durch anklicken mit der Maus vergrößern. Danach wird das vergrößerte Bild im selben Browserfenster angezeigt. Die dabei effektvolle Anzeige ist per Javascript realisiert und benötigt einen Browser, bei dem Javascript aktiviert ist und die vom Script erzeugte Funktionalität unterstützt. Support für diese Funktionalität bieten unter anderem der Internet Explorer ab Version 5.0, Opera ab Version 8.0, Netscape ab Version 7 und der Mozilla Firefox (alle Versionen).

Die Navigation im vergrößerten Anzeigemodus ist mit der Maus aber auch per Tasatur möglich. Ist die entsprechende Browserunterstützung gegeben und Javascript aktiviert, kann nach der Anzeige des vergrößerten Vorschaubildes mit folgenden Tasten durch die Fotogalerie navigiert, bzw. der vergrößerte Anzeigemodus verlassen werden.

  • Taste n - wechselt zum nächsten Bild
  • Taste p - wechselt zum vorherigen Bild
  • Taste o oder x - beendet den vergrößerten Anzeigemodus

Natürlich ist die Anzeige des vergrößerten Bildes auch ohne Javascript möglich. Es wird dann im selben Browserfenster, nur ohne die zusätzliche Javascript Funktionalität und effektvolle Umrahmung angezeigt. Zu den Vorschaubildern der Galerie gelangt man dann wieder mit der Zurück-Schaltfläche des Browsers bzw. mit der Zurück-Taste auf der Tastatur.