Webstandards und Bedienhilfe
Die Entwicklung des fabrik1design Fotoblogs erfolgte unter Beachtung aktueller Webstandards, um einen weitestgehend barrierefreien Zugang für alle Benutzergruppen sowie eine endgeräteunabhängige Darstellung (z.B. für PDA, Handheld, internetfähige Handys, Screenreader, Textbrowser) zu gewährleisten.
Bei der Umsetzung wurde folgenden Punkten eine besondere Bedeutung zugemessen:
- - tabellenloser Aufbau des Layouts mittels xhtml 1.0 und css 2
- - semantisches, fehlerfreies markup (xhtml Quelltext)
- - elastisches Design (bei Änderung der Textgröße skaliert das Design mit)
- - in der Darstellung abwärtskompatible Browserfunktionalität
- - ab Opera 5, IE 5, Netscape 6
Validierung
In der Fußzeile (Footer) jeder Seite befinden sich Links zur Überprüfung des Quelltextes und des Stylesheets.
W3C Validator (xhtml 1.0 strict)
W3C CSS Validator (css 2)
Weiterhin wurden alle Seiten zusätzlich mit folgenden Validatoren auf Fehlerfreiheit überprüft:
XML Schema Validator
Validome Validation Service.
Navigation mit der TAB-taste
Mit Hilfe der TAB-Taste kann von einem Link zum anderen navigiert werden. Der jeweils aktivierte Link wird farblich hervorgehoben und mit dem Betätigen der ENTER-Taste erreicht man den gewünschten Verweis.
Navigation mit AccessKeys
Unter AccessKeys versteht man bestimmte Tastaturkürzel, anhand derer man, auch ohne Maus, schnell besimmte Seiten aufrufen kann.
Je nach Browser ist die Handhabung zum Auslösen des AccessKeys unterschiedlich. Während man im Mozilla mit ALT + Shift (Windows, Linux) oder CTRL (Mac OS) und der jeweiligen Taste sofort das Ziel erreicht, muss man im Internet Explorer noch mit ENTER bestätigen.
Im Opera muss zuerst ESC zusammen mit SHIFT gedrückt werden, dann befindet man sich im AccessKey-Modus. Nun noch die entsprechende Taste drücken und die gewünschte Seite wird aufgerufen.
Folgende AccessKeys sind auf dieser Seite nutzbar:
- access key + 0
- Startseite
- access key + 1
- Webstandards / Bedienhilfe
- access key + 2
- Inhaltsverzeichnis
- access key + 3
- Kontaktseite
- access key + 4
- Springe zur Navigation
- access key + 5
- Springe zum Inhalt
Schriftgröße
Neben den browserspezifischen Einstellungen zur Schriftgröße hat man hier die alternative Möglichkeit, die Schriftgröße über die orangeblauen Symbole (oben links) zu vergrößern oder zu verkleinern. Voraussetzung hierfür ist aktiviertes Javascript.
- Schrift vergrößern (5 Stufen)
- Schrift normal
- Schrift verkleinern (1 Stufe)
Beim Opera wurde aufgrund der Tatsache, dass dieser Browser die komplette Seite grafisch vergrößert, auf diese alternative Möglichkeit verzichtet.
Bilder
Die Bildergalerien laufen mit dem Lightbox-Plugin. Um in den vollen Genuss der Bilder zu gelangen muss Javascript aktiviert sein. Nach dem Laden aller Vorschaubilder auf der Seite können die einzelnen Bilder angeklickt werden und die Lightbox startet.
Nach dem Start kann man mit folgenden Tasten durch die Lightbox navigieren:
- p - vorheriges Bild
- n - nächstes Bild
- o, x, c - Verlassen der Lightbox
Bei deaktiviertem Javascript können die Bilder trotzdem betrachtet werden. In diesem Fall öffnet sich ein neues Browserfenster, in dem das Bild dargestellt wird. Um jetzt wieder zu den Vorschaubildern zurückzukehren, muss der ZURÜCK-Button des Browsers angeklickt oder die ZURÜCK-Taste auf der Tastatur gedrückt werden.
