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 nachzuvollziehen, 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.
Die Linktexte sind zwar im Kontext klar, aber es handelt sich nicht um "sprechende" Linktexte
Weitere Anforderungen bestehen für Links, die eine Änderung des Kontextes wie ein neues Fenster bewirken oder als Image-Maps umgesetzt werden.
Eine besondere Rolle für die Tastaturnavigation innerhalb einzelner Seiten spielt die strukturelle Navigation. Mit Accessible Rich Internet Applications (ARIA) wird das Konzept der Rollen für Seitenregionen spezifiziert: Seitenregionen können eingesetzt werden, um Webseiten besser per Tastatur navigierbar zu machen. Sprunglinks und unsichtbare Inhaltsverzeichnisse fördern das Navigieren über Einzelseiten, sollten jedoch mit Bedacht eingesetzt werden.
Die folgende Liste fasst die Inhalte der Beiträge im Bereich "Nutzerführung" zusammen.
- Unsichtbare Texte (2018)
Damit Webseiten barrierefrei sein können, ist es gelegentlich erforderlich, zusätzliche Links oder Texte für Screenreadernutzer anzubieten. Wenn die zusätzlichen Informationen mit
display:none;
versteckt werden, werden sie im Screenreader genauso wie am Bildschirm versteckt. Es gibt für manche Situationen aber bessere Techniken, die die Aufgabe lösen.- Der Titel einer Seite (2016)
Jedes HTML-Dokument und jede Webanwendung benötigt einen beschreibenden Titel. Der Titel einer Seite kann identisch mit der inhaltlichen Hauptüberschrift sein. Für Seiten, die Teil eines mehrschrittigen Prozesses sind, sollte der aktuelle Schritt Teil des Titels sein.
- Eine ergänzende Orientierungshilfe: Die Brotkrumen-Navigation (2016)
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 zu übergeordneten Webseiten zeigt, und umfasst Links, diesen Weg zurück zu verfolgen.
- Links öffnen im neuen Fenster (2007)
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 (2011)
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.
- Die Navigation über Seitenregionen (2018)
Mit Accessible Rich Internet Applications (ARIA) wurde u.a. ein Rollenkonzept entwickelt, um insbesondere dynamische Webseiten in Screenreadern zugänglicher zu machen. Mit Landmark roles können Seitenregionen von Webseiten gekennzeichnet werden, damit sie per Tastatur angesprungen werden können. Die meisten Seitenregionen können dabei mit nativen HTML-Elementen festgelegt werden.
- Sprunglink zum Inhalt (2018)
Die Navigation innerhalb einer Webseite kann für Tastaturnutzer mit sehr vielen Tastenschlägen verbunden sein. Insbesondere wenn Seiten innerhalb eines Webauftritts umfangreiche Navigationsbereiche aufweisen, kann sich bei Verwendung der Tab-Taste eine wiederholende und langwierige Prozedur einstellen, um Links oder Formulare im Inhalt der Webseite zu erreichen. Ein skip navigation link am Anfang der Seite kann die Tastaturbedienung effizienter machen.
Die folgenden Begriffe dieser Seite werden auch im Glossar definiert: