Navigation
"Ja, klar! Erzähl' Du mal...", werden sich jetzt bestimmt einige denken. Die können hier aufhören zu lesen. Daß man auf Webseiten mit der Maus navigieren kann, ist ganz klar. Dazu werde ich mich jetzt auch nicht äußern. Dennoch gibt es vielleicht einige Dinge, die interessant sind.
- Einerseits ist es die Grundstruktur dieses Projekts, auf die ich näher eingehen möchte.
- Andererseits ist vielleicht auch interessant, daß man in diesem Projekt auch mit der Tastatur navigieren kann. Das funktioniert natürlich nicht mit jedem Punkt, aber im Großen und Ganzen geht's doch recht gut.
Zu beiden Bereichen habe ich ein paar Punkte zusammen gestellt.
Navigationselemente
- In der Titelleiste jeder Seite wird die Ebene, in der man sich Projekt gerade aufhält, ausgewiesen. Das Trennzeichen für die einzelnen Ebenen ist ein doppeltes "größer als"-Zeichen (>>).
- Im obersten Container auf jeder Seite befindet sich das Logo des Projektes.
- Die obere Navigationsleiste enthält die Links zu den Hauptthemen dieses Projektes. Sie ist auf jeder Seite gleich, bis auf die Tatsache, daß sich die jeweils ausgewählte Rubrik in einer anderen Farbe als die nicht angewählten erscheint.
- In einigen Rubriken erscheint eine zweite Navigationsleiste. Sie dient dem Navigieren zu vorhergehenden oder nachfolgenden Dokumenten und dem Erreichen der nächst höheren Ebene (nein...nicht einer höheren Ebene des Daseins, sondern nur einer Übersicht zu einer bestimmten Gruppe von Beiträgen...).
- Im Fuß einer jeden Seite befinden sich das Kontakt-Formular (warum ein Formular und kein Link mit einer E-Mail-Adresse?) und Info-Links.
AccessKeys
Allen Hauptthemen dieses Projekts sind AccessKeys zugeordnet. Sie sind in der Sitemap hinter dem entsprechenden Punkt aufgelistet und sie werden auch in den sog. "Tool-Tips" aufgeführt. Die Aktivierung erfolgt über bestimmte browserabhängige Tastaturkombinationen:
- beim Internet Explorer mit "Alt" <AccessKey> und "Enter"
- bei Amaya, Netscape 7 und Mozilla (Firebird) mit "Alt" <AccessKey>
- bei Opera dürckt man zuerst die Tastenkombination "Umschalten" und "Escape", dann <AccessKey>. Normalerweise bleibt dann bei Opera der "AccessKey-Modus" aktiviert, bis man wieder "Umschalten" und "Escape" drückt. Dieser wird jedoch automatisch z. B. beim Laden neuer Seiten deaktiviert. Und diesen Zweck hat ja (zumindest in diesem Projekt) diese Funktion...
Auf einigen Seiten befindet sich eine zweite Navigationsleiste, der folgende AccessKeys zugeordnet sind (auch diese werden in den "Tool-Tips" aufgeführt):
- Weiter/nächstes Album/nächste Galerie: t
- Zurück/vorgeriges Album/vorherige Galerie: v
- Zum Index-Dokument von Foto-Alben, Funpic-Galerien oder zur Seite "Fakten, Fakten, Fakten": i
(aus der Ansicht einzelner Bilder)
Tabulatoren
Alle Links können über die Tabulatortaste angesteuert werden.
- Bei allen Seiten, die ein einzelnes Foto, Funpic, Special oder einen Witz beinhalten, ist keine besondere Tabulatorreihenfolge definiert, so daß dort ganz normal vom Site-Logo in der Kopfleiste bis zum E-Mail-Link in der Fußleiste alle Links in ihrer logischen Reihenfolge nacheinander durchlaufen werden.Achtung: beim Opera werden nur die Links angesteuert, bei denen das "Tabindex"-Attribut definiert ist. Das ist nur bei den Link im Seiteninhalt der Fall. Zum Navigieren zu anderen Dokumenten gibt's ja die AccessKeys.
- Bei den Seiten, die außer in den Navigationsleisten noch im Inhalt Links enthalten, landet man beim ersten Drücken der Tabulatortaste in dem Bereich mit der Themenübersicht. Von da aus kann man ganz bequem zum entsprechenden Punkt springen, in dem man ganz einfach die <ENTER>-Taste drückt. Jeder weitere Tabulatorsprung führt zum nächsten Link im Inhalt. Erst nach Durchlaufen aller Links im Inhalt in ihrer logischen Reihenfolge werden die Links in der Kopf-, der Navigations- und danach in der Fußleiste durchlaufen (außer Opera; siehe oben).
Symbole
In diesem Projekt werden Symbole für Aufzählungen und interne Verweise benutzt. In Listenelementen werden diese Symbole von alle modernen Browsern angezeigt. Für Symbole im Fließtext gilt das nicht für den Internet Explorer. Sie haben folgende Bedeutung:
- Link in der Inhaltsübersicht zu einem Thema innerhalb der aufgerufenen Seite
- Listenelemente in Aufzählungen
- Link auf eine andere Seite in diesem Projekt
- Link zum Seitenanfang
Externe Verweise sind mit der Flagge des Landes, in dessen Sprache sie verfasst sind, gekennzeichnet, z. B.
- Link auf eine deutschsprachige externe Seite
- Link auf eine englischsprachige externe Seite
Länderspezifische Linkkennzeichnungen werden bei Bedarf eingeführt. Es kann sich also die eine oder andere Flagge im Text befinden, die hier nicht aufgeführt ist. Abk. oder foreign language words sind besonders markiert. Ihre Bedeutung erschließt sich, wenn man mit der Maus darüber fährt.