Diese Website ist konform zu Level Triple-A Web Content Accessibility Guidelines 1.0. Das heißt sie erfüllt strenge Kriterien zur Barrierefreiheit. Diese stellen sicher, daß auch Menschen mit verschiedensten Einschränkungen bzw. Behinderungen problemlos hier unterwegs sein können. Die Kriterien lassen sich teilweise automatisch prüfen; einen guten Anhaltspunkt gibt der Online-Überprüfungsdienst WAVE Analyse.

CSS statt Tabellen

Für das Layout werden keine Tabellen eingesetzt, da viele Vorleseprogramme damit Schwierigkeiten haben. Stattdessen basiert das Layout vollständig auf Cascading Style Sheets (CSS). Tabellen erschweren sehbehinderten Nutzern das Lesen der Seite, da die dafür notwendigen Vorleseprogramme nur die Struktur der Tabellen sehen können, nicht jedoch, was der Autor graphisch damit bezwecken will.

Neben der einfacheren Handhabung hat dies den Vorteil, daß die Seite gegenüber einem tabellenbasierten Layout bei konsequenter Anwendung um ein Viertel weniger Plattenplatz beansprucht, gemessen an meinen Seiten.

Zudem kann man einfach zwischen verschiedenen Darstellungsarten wechseln. Leistungsfähige Browser wie Firefox/Mozilla oder Opera können dies von Haus aus (Menü Ansicht–Seitendarstellung/Style verwenden).

Serialisierbarkeit

Damit geht einher, daß die Seiten auch sinnvoll rein serialisiert, also ohne spezielle graphische Anordnung der Elemente zu lesen sein müssen. Um dies zu sehen, können Sie bei Ihrem Browser die Interpretation von CSS ausschalten oder einen Textbrowser wie Lynx versuchen. Sinn und Zweck ist es natürlich, daß auf diese Weise auch sogenannte Screen Reader, also Vorleseprogramme, gut mit der Seite zurechtkommen.

Unvorhergesehene Ereignisse

Wenn etwas passiert, was der Anwender nicht unbedingt erwartet, dann sollte man ihn darauf hinweisen. So etwa das Piktogramm für Dateidownloads.

ALT-Attribut für Graphiken

Wirklich alle eingebundenen Graphiken haben ein ALT-Attribut, das einen Alternativtext für die jeweilige Graphik beinhaltet. Ist die Graphik rein kosmetischer Natur und hat keine inhaltliche Relevanz, ist das ALT-Attribut leer, ansonsten enthält es eine Erklärung des Inhalts oder der Funktion der Graphik. Das ALT-Attribut ist auch nicht der richtige Platz für den Bildtitel, denn dafür gibt es das TITLE-Attribut.

Nebenbei bemerkt fordert der XHTML-Standard das ALT-Attribut für Graphiken.

Logisches Markup

Eine Überschrift ist nicht in erster Linie ein visuell hervorgehobenes Element, sondern ein logischer Bestandteil eines Textes. Und somit sollten sie, aber auch nur sie echte Überschriften mittels HTML als solche gekennzeichnet werden. Selbiges gilt für hervorgehobenen Text aller Art wie Zitate, Betonungen u.ä.

Ein Beispiel dafür ist auch das Navigationsmenü. Wenn Sie einmal zur Druckansicht wechseln, dann siehen Sie, daß das Navigationsmenü eine einfache geschachtelte Liste ist, die also abgesehen von der graphischen Aufbereitung auch strukturelle Information enthält.

Javascript

Javascript ist ein gutes Hilfsmittel, um bestimmte Funktionalitäten realisieren zu können. Hinsichtlich der Barrierefreiheit muß aber sichergestellt sein, daß diese Funktionalität auch ohne aktiviertes Javascript erreicht werden kann, und der Mehrwert rein kosmetischer Natur ist.

Bestes Beispiel ist das Öffnen externer Links in einem neuen Fenster. Ist dies ausschließlich mit Javascript realisiert, hat ein Besucher ohne Javascript keine echte Freude an der Seite, da sich nichts tut. Nebenbei können auch Suchmaschinen nichts mit JavaScript-Links anfangen. Sinnvollerweise funktioniert der Link also auch ohne.

Diese Seiten funktionieren ohne nennenswerte Einschränkungen auch ohne aktiviertes Javascript.

Maus und Tastatur

Die Website ist sowohl mit Maus als auch mit Tastatur bedienbar; alles, was auf Maus reagiert, reagiert auch auf die entsprechenden Tastatureingaben, so zum Beispiel die Navigationsleiste.

Versuch es selbst: Hangeln Sie sich mit der Tabulatortaste durch die Seite oder probiere die Tastaturkürzel in den Formularen auf der Feedback- und Gästebuchseite aus!

Inhaltliches

Sind mehrere Verweise in einer Gruppe, so sind diese durch ein Trennzeichen separiert, auch in den Menüs. Durch CSS ist dies in der graphischen Version nicht zu sehen.