Nutzerführung

Erfolgreiche und barrierefreie Webangebote gehen Hand in Hand mit einer schlüssigen und verständlichen Nutzerführung. Dabei geht es sowohl um das Navigieren innerhalb des Gesamtangebots als auch um das Navigieren innerhalb einer einzelnen Seite.

Navigationskonzepte dienen der Organisation der Inhalte eines Webangebots. Dabei gilt es, dem Nutzer einen nachvollziehbaren und schlüssigen Zugang zu den einzelnen Inhalten zu bieten. Seitenübergreifende Navigationsmechanismen sind umso leichter zu bedienen, je konsistenter sie sind. Da viele Wege zum Ziel führen können, empfiehlt sich außerdem der Einsatz von Inhaltsverzeichnissen, Glossaren, sogenannten Brotkrümelpfaden, die die Position einer Einzelseite innerhalb der Hierarchie eines gesamten Webauftritts darstellen, und Suchfunktionen.

Essenziell für ein erfolgreiches Navigationskonzept sind Linktexte, die den Nutzer über Linkziele informieren. Das Ziel oder der Zweck eines Links sollte eindeutig aus dem Linktext hervorgehen, mindestens aber über den Kontext identifizierbar sein.

Zwei gleichlautende Links nach Teasern Die Linktexte sind zwar im Kontext klar, aber es handelt sich nicht um "sprechende" Linktexte

Eine besondere Rolle innerhalb einzelner Seiten spielt die strukturelle Navigation und damit das Navigieren über die Strukturmerkmale der Seite per Tastatur. Überschriften helfen bei der strukturellen Navigation innerhalb einzelner Seiten. Sprunglinks und unsichtbare Inhaltsverzeichnisse fördern das Navigieren über Einzelseiten, sollten jedoch mit Bedacht eingesetzt werden.

Übersicht: Nutzerführung

Die folgende Liste fasst die Inhalte der Beiträge im Bereich "Nutzerführung" zusammen.

Eine ergänzende Orientierungshilfe: Die Brotkrumen-Navigation

Die Brotkrumen-Navigation (engl. Breadcrumb-Trail) gehört zu den Möglichkeiten, einer Webseite einen Kontext innerhalb eines Webauftritts zu geben. Eine Brotkrumen-Navigation kann Nutzern eine zusätzliche Orientierung bieten, indem sie den Weg zur aktuellen Seite zeigt, und umfasst Links, diesen Weg zurück zu verfolgen.

Image-Maps und Barrierefreiheit

Ein Tutorial über die barrierefreie Gestaltung von Image-Maps. Serverseitige Image-Maps lassen sich nicht barrierefrei gestalten, sondern nur clientseitige Image-Maps. Sie finden Beispiele für Alternativtexte, der Bereitstellung redundanter Links und für Lösungen, um serverseitige Image-Maps mit Hilfe eines alternativen Zugangs nutzbar zu machen.

Zu beachten ist, dass es von den abzubildenden Daten abhängt, ob eine sinnvolle clientseitige Lösung mittels Image-Maps gefunden werden kann.

Links öffnen im neuen Fenster

Ein Kontextwechsel kann immer bedeuten, dass Nutzer verwirrt werden. Neue Browserfenster sind eben ein solcher Kontextwechsel und werden daher nicht empfohlen.

Dennoch gibt es Situationen, in denen ein Link in einem neuen Fenster aufgehen soll. In diesem Beitrag wird beschrieben, wie solche Links standardkonform und unaufdringlich mit JavaScript realisiert werden können.

Strukturelle Navigation von Überschrift zu Überschrift

Strukturelle Navigation ist die Navigation ausschließlich mit der Tastatur innerhalb einer Webseite. Als Grundlage für die Navigation werden dabei Strukturmerkmale der Seite selbst, etwa Überschriften, Tabellen oder Listen, verwendet. Diese Möglichkeit der Navigation ist für Tastaturnutzer, aber besonders für Screenreadernutzer essentiell, um innerhalb einer Webseite effizient zu navigieren.