Layout

Die Seite teilt sich grundsätzlich in 2 Bereiche:
Dem Menu-Bereich, der auf fast jeder Seite immer wieder gleich aussieht und dem Inhaltsbreich, der bei jeder Seite wechselt.

In der rechten Hälfte des Bildschirms befindet sich der Inhaltsbereich, der an 2 Seiten (links und unten) von den Menus eingerahmt ist..

Ganz unten befindet sich noch eine Navigationsleiste, die dem schnelleren Navigieren dient und die gleichen Links ansteuert wie die Hauptleiste.

Farben
Die Hintergrundfarben der einzelnen Elemente sind in weiß gehalten. Schriften und Überschriften sind schwarz oder rot.

Menupunkte und die Links im Fließtext sind dunkelblau.

| Zur Übersicht |


Navigation

Die Seite lässt sich natürlich bei allen Browsern mit der Maus navigieren.

Tastaturnavigation

Bei der Navigation mit der Tastatur gibt es unterschiedliche Tastenbelegungen, die hier zumindest im Ansatz erklärt werden. Grundsätzlich ist die Seite gänzlich mit der Tastatur steuerbar.

Die folgenden Listen enthalten die wichtigsten Tasten zur Navigation mit der Tastatur:

Für InternetExplorer, Mozilla, Netscape:

Sprung zum nächsten Navigationselement [TAB]
Sprung zum vorherigen Navigationselement [SHIFT] [TAB]
Sprung zur vorherigen Seite [ALT] [Pfeil links] oder [Backspace]
Sprung zur nächsten Seite [ALT] [Pfeil rechts]
Sprung zum Seitenanfang [Pos1]
Sprung zum Seitenende [Ende]
Seite nach unten scrollen [Leertaste] oder [Bild nach unten]
Seite nach oben scrollen [Bild nach oben]
Sprung zur URL-Adresse [F6]
Seite aktualisieren [F5]
Text suchen [STRG] [f]

Für Opera:

Sprung zum nächsten Navigationselement [a]
Sprung zum vorherigen Navigationselement [q]
Sprung zur vorherigen Seite [ALT] [Pfeil links] oder [Backspace]
Sprung zur nächsten Seite [ALT] [Pfeil rechts]
Sprung zum Seitenanfang [Pos1]
Sprung zum Seitenende [Ende]
Seite nach unten scrollen [Leertaste] oder [Bild nach unten]
Seite nach oben scrollen [Bild nach oben]
Sprung zur URL-Adresse [F8]
Seite aktualisieren [F5]
Text suchen [STRG] [f]

Lynx

Speziell für BenutzerInnen von Text-Browsern (wie zum Beispiel Lynx) wurde am Anfang jeder Seite eine unsichtbare Sprungmarke eingefügt.
Die Sprungmarke überspringt den ganzen immer wiederkehrenden Menu-Bereich und springt direkt zum Inhaltsbereich.

Alle grafischen Links wurden mit einem Alternativtext unterlegt, sodass auch Lynx-BenutzerInnen keine Probleme haben sollten.

Externe Links
Alle Links, die ein neues Browser-Fenster öffnen, werden mit folgendem grafischen Symbol eingeleitet:

Die meisten Seiten, die dann erscheinen, sind externe Seiten außerhalb des BZSL.

| Zur Übersicht |

 

Browser

Die Seite sollte mit allen modernen Browsern gut funktionieren. Das gilt für alle Browser ab der folgenden Version:

• Internet Explorer 5.0
  
• Netscape 6.0
  
• Mozilla 1.0
  
• Opera 5.0

Bei manchen Installationen des Internet Explorer kann es hin und wieder zu Darstellungsproblemen kommen, da er die skalierbaren Schriften der Seite immer im kleinsten Darstellungsmodus anzeigt, und sie daher kaum lesbar sind. Abhilfe schafft da nur ein neuerer IE oder ein anderer Browser.

Internet Explorer - Optimierung

Im Internet Explorer können Sie unter dem Menüpunkt "Extras - Internetoptionen - Eingabehilfen" nützliche Einstellungen vornehmen, wie:

• Farbangaben auf Webseiten ignorieren
• Schriftartenangaben auf Webseiten ignorieren
• Schriftgradangaben auf Webseiten ignorieren

Opera

Ein Browser, der immer häufiger als Alternative zu den zwei großen Brüdern gewählt wird. Sicher keine schlechte Wahl, denn:

Er kommt er von einer kleinen norwegischen Firma und nicht von einem multi-nationalen Konzern und bietet für behinderte SurferInnen umfangreiche Möglichkeiten der Anpassung an die eigenen Bedürfnisse. Hervorgehoben sei hier nur die direkte und sehr schnelle Steuerung mittels Tastaturkürzel.

Unter dem Menupunkt "Datei - Einstellungen - Seitendarstellung" lassen sich auch Grundeinstellungen zum Zoom-Faktor oder der Verwendung von Stylesheets und Tabellen zur Darstellung ändern.


| Zur Übersicht |

 

Drucken

Drucken können Sie die Seiten bequem über das Druckmenu der jeweiligen Browser. Die Druckvorschau der modernen Browser zeigt Ihnen das Druckbild vor dem Drucken.

| Zur Übersicht |

 

Programmiertechniken

Die Seite wurde nahezu ausschließlich mit Standard-konformen HTML 4.0 programmiert. Erste Entwürfe wurden mit NetObjectsFusion 7.0 erstellt und mit DreamweaverMX2004 überarbeitet.


Barrierefreiheit

Im großen und ganzen sollte die Seite für alle Benutzergruppen ohne all zu große Barrieren zugänglich sein. Die einschlägigen Richtlinien des W3C (World Wide Web Consortium) wurden im Online-Test unter http://validator.w3.org/ überprüft.
Des Weiteren wurden Testprogramme herangezogen, die das deutsche BITV berücksichtigen, aber auch die internationalen Regeln der WCAG und der Section 508 (USA) überprüfen. Hierbei handelte es sich um:
Bobby (http://bobby.watchfire.com/bobby/html/en/index.jsp),
A-Prompt Version 1.0.6 (http://aprompt.snow.utoronto.ca/download.html),
den Barrierefinder (http://www.barrierefinder.de/start.asp) und Wave 3.0 (http://www.wave.webaim.org/index.jsp).
Sollte irgend jemand Probleme mit den Seiten des BZSL haben, bitte ich um Rückmeldung, um eventuelle Störfaktoren zu eliminieren. Kontakt zum Webmaster.
 

| Zur Übersicht |