Das Rückgrat eines Webauftrittes: Die Navigation

Technische Zugänglichkeit einer Navigationsleiste

Die meisten Webauftritte besitzen eine seitenübergreifende Navigation in Form einer Navigationsleiste. Die Darstellungsform von Navigationsleisten kann sehr unterschiedlich sein, jedoch sind sie meist durch einige Hauptrubriken charakterisiert, die wiederum Unterpunkte haben können.

Navigationsleisten werden natürlich nicht zum Selbstzweck angeboten, sondern sollen ein Werkzeug zur effizienten Bedienung des Webauftrittes sein. Wesentliche Zwecke von Navigationsleisten sind:

• eine Übersicht bzw. Orientierung über das Informationsangebot eines Webauftrittes zu geben,
• ein Werkzeug zur Navigation innerhalb des Webauftrittes bereitzustellen und
• Bedienfunktionen zum Aufrufen von einzelnen Informationen und Funktionen anzubieten

Die BITV berücksichtigt selbstverständlich auch diese Anforderungen an die Barrierefreiheit. Die konkreten Stellen in der Verordnung sind:

• Anforderung 12: Kontextuelle Hilfen,
• Anforderung 13: Navigation und Orientierung und
• Anforderung 14: Verständlichkeit .

Aber es geht auch um andere Aspekte.

Die Navigation muss immer lesbar sein! Das bedeutet einerseits, dass sie technisch gesehen immer funktionieren sollte und Navigationspunkte auch dann verfügbar sein müssen, wenn die eingesetzten Techniken vom Browser des Besuchers nicht unterstützt werden. Andererseits muss sie gestalterisch so konzipiert werden, dass sie dem Medium "Web" gerecht wird und bei beliebigen Bildschirmeinstellungen und auf anderen Ausgabegeräten gelesen werden kann.

Beispielsweise kann die Verwendung von CSS oder JavaScript für ausklappbare Menüs einer Navigationsleiste problematisch im Sinne von  Bedingung 6.1 (CSS) bzw. 6.3 (JavaScript) werden. Es kann nicht gewährleistet werden, dass CSS oder JavaScript in der Zugangssoftware des Benutzers unterstützt werden; Fallback-Lösungen gehen in der Regel auf Kosten der Gebrauchstauglichkeit. Ausklappmenüs bergen außerdem ungeahnte Unzugänglichkeiten, wenn berücksichtigt wird, dass:

• 
  Vergrößerungssysteme zeigen nur einen kleinen Ausschnitt des Bildschirms: nicht selten "Verschwinden" Unterpunkte eines Ausklappmenüs außerhalb des dargestellten Bereichs und die Bedienung ist nicht mehr möglich.
• Webreader zeigen auch versteckte Texte an: Das, was im visuellen Zugang am Bildschirm der Übersichtlichkeit dient, führt hier zu einer umfangreichen und möglicherweise unüberschaubaren Liste von Navigationslinks:
  
  Dieses problematische Beispiel können Sie auch  im Original aufrufen.

Erst recht gelten solche Einschränkungen in der Zugänglichkeit einer Navigationsleiste, wenn andere Techniken wie Flash oder Java eingesetzt werden. Auch wenn die Probleme hier etwas anders gelagert sind, so ist deren Einsatz für wichtige Navigationsmechanismen ausdrücklich nicht zu empfehlen.

Grundsätzlich wird eine Struktur in (X)HTML und eine Präsentation (Layout, Formatierung) mit Cascading Style Sheets (CSS) empfohlen. Generell sollten dabei Links nicht versteckt werden, wenngleich wir in dieser Artikelserie eine Ausnahme machen werden!

nach oben

Über das CSS-Design

Lesen Sie,  warum ich mich an die Standards halte und warum das Layout mit  Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der  Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?

Entspricht die Seite den W3C-Normen?

Die  Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das AccessKey-Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie  Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.