Nora's Homepage

Inhaltsbereich

Über diesen Webauftritt

Hier beschreibe ich die verschiedenen Techniken und Richtlinien, die ich in diesem Webauftritt verwendet habe bzw. zu erfüllen anstrebe.

Diese Seiten benutzen standardkonformes XHTML 1.1. Zur Prüfung der Standardkonformität wird der Validator des W3C eingesetzt. Der Standard schreibt außerdem vor, dass XHTML 1.1 mit dem MIME-Typ application/xhtml+xml gesendet werden. Leider verstehen selbst einige aktuelle Browser wie der Internet Explorer diesen MIME-Typ nicht. Deshalb wird in Abhängigkeit von dem vom Browser akzeptierten MIME-Typ XHTML 1.1 mit dem MIME-Typ application/xhtml+xml oder HTML 4.01 mit dem MIME-Typ text/html übermittelt. Dazu wurde das unter http://www.workingwith.me.uk/articles/scripting/mimetypes/ vorgestellte PHP-Skript verwendet.

Bei der Gestaltung dieses Webauftrittes wurde auf strikte Trennung zwischen Layout (Gestaltung) und Inhalt/Struktur Wert gelegt. Das bedeutet, dass der Inhalt und die Struktur in gültigem XHTML vorliegt, während die Gestaltung der Ausgabe in gültigem, standardkonformen CSS beschrieben wurde. Speziell für die Medien screen (Bildschirm), print (Drucker) und handheld (PDA, Handys, ...) wurden CSS-Angaben formuliert. Für die Medien braille (Braille-Zeile, für Ausgabe in Blindenschrift (Braille-Schrift)), embossed (Braille-Drucker) und aural (computergesteuerte Sprachausgabe) wurden noch keine CSS-Angabe angegeben, da ich erstens davon gehört bzw. gelesen habe, dass noch so gut wie keine Unterstützung für diese CSS-Angaben existieren und ich zweitens bis jetzt keine Möglichkeit gefunden habe, diese zu testen. Wenn jemand diesbezüglich Hinweise hat, kann er sie mir gerne zukommenlassen.

Dieser Webauftritt ist barrierefrei nach WAI-AAA WCAG 1.0. Dabei wird versucht, den Webauftritt so zu gestalten, dass er ohne Barrieren in jeglicher Form erreichbar und benutzbar ist. D.h. mit welchem Medium man auch immer den Webauftritt benutzt, es müssen alle Inhalte zu erreichen sein. Das gilt für Sehbehinderte mit Screenreadern und/oder Braille-Zeile, wie für motorisch-eingeschränkte Nutzer und Nutzern von PDAs und Textbrowsern. Zu diesem Zweck hat das W3C Richtlinien unter WCAG 1.0 festgelegt, die helfen sollen, barrierefreie Webseiten zu erstellen. Weitere Informationen zu diesen Richtlinien können in der Erklärung zur Level-AAA-Konformität nachgelesen werden.
Zum automatischen Testen der Barrierefreiheit wurde Cynthia says verwendet. Die manuellen Checks habe ich nach bestem Wissen und Gewissen geprüft. Außerdem wurden die Seiten mit dem Vischecker, der bestimmte Farbsehschwächen simuliert, getestet. Barrierefreiheit lässt sich aber nicht nur mit automatischen Test überprüfen, da es ja vor allem darum geht, den Inhalt anderen ohne jeglichen Barrieren zugänglich zu machen. Aber den Inhalt kann man einer Maschine jedenfalls noch nicht verständlich machen. Ich habe, so weit es mir möglich ist, geprüft, ob diese Seiten für alle ohne Barriere zugänglich ist. Da ich aber selbst nur über beschränkte Testmöglichkeiten verfüge, kann es sein, dass ich vielleicht nicht alles berücksichtigt habe. Deshalb bitte ich Sie um eine kurze Mitteilung über Kontakt oder meine E-Mail-Adresse info@noraschroeter.de, wenn Ihnen etwas diesbezüglich auffällt oder Ihnen der Inhalt der Seiten nicht einfach zugänglich ist.

Im Zuge der strikten Trennung von Inhalt und Gestaltung und der Barrierefreiheit wird in diesem Webauftritt auf sogenannte Layout-Tabellen verzichtet. Das heißt, dass Tabellen-Tags nur eingesetzt werden, um tabellarische Strukturen zu verwirklichen und nicht um die Seiten zu gestalten. Dieses Ziel hat sich auch die Table Free Campaign gesetzt.

Weiterhin habe ich versucht, diesen Webauftritt so gut wie es geht browserunabhängig und rückwärtskompatibel zu gestalten. Leider gibt es mit nur einem Testrechner nicht sehr viele Testmöglichkeiten, da von jedem Browser nur eine Version installiert und so nicht sehr auf Rückwärtskompatibilität eingegangen werden kann. Diese Seiten wurden somit mit folgenden Browsern getestet: Internet Explorer 6.0, Firefox 1.0.4 und Opera 8.01. Die Rückwärtskompatibilität habe ich so weit, wie es damit geht, mit den Delorie-Validatoren für Rückwärtskompatibilität und AnyBrowser getestet. Bei geringerer HTML-Version als 4.01 wird das Design zwar nicht mehr korrekt dargestellt, aber die Seiten sind trotzdem benutzbar. Weitere Informationen zu den getesteten Browser sehen Sie weiter unten.

Validatoren und Testumgebungen

Getestet und geprüft wurden die Seiten mit folgenden Validatoren und Testumgebungen:

• XHTML-Validator des W3C
• CSS-Validator des W3C
• Cynthia says – automatischer Validator für Barrierefreiheit
• Link-Checker des W3C
• Vischecker – simuliert bestimmten Farbsehschwächen
• Rückwärtskompatibilitätstester – schaltet bestimmte HTML-Tags aus
• Lynx-Viewer – simuliert Lynx, einen bekannten Textbrowser
• AnyBrowsertester – zeigt die Seiten unter bestimmten HTML-Versionen an

getestete Webbrowser

• Internet Explorer 6.0
• Firefox 1.0.4, Firefox 1.0.6, Mozilla 1.7.11 (Gecko-basiert)
• Amaya 9.2 - mehr ein Editor als ein Browser; das Übersprungsmenü konnte leider nicht in den Kopfbereich geschoben werden, so wird da das Design etwas entstellt, bleibt aber bedienbar
• Opera 8.01
• Netscape 8.0
• Netscape Communicator 4.78 - Interpretation von CSS fehlerhaft, daher keine sehr schöne Darstellung, aber bedienbar
• Off By One 3.5 - keine Interpretation von CSS, bleibt aber bedienbar