Navigation

Navigation Schhnittstellen-Elemente allgemein Allgemeines

Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.

WCAG 2.1

Information- & Navigationsarchitektur Navigation

Sorgen Sie dafür, dass alle Funktionalitäten per Tastatur zugänglich sind.

WCAG 2.1

Information- & Navigationsarchitektur Navigation Header & Footer

Stellen Sie Mittel zur Verfügung, um Benutzer dabei zu unterstützen zu navigieren, Inhalte zu finden und zu bestimmen, wo sie sich befinden.

WCAG 2.1

Navigation

Wenn eine Webseite der Reihe nach navigiert werden kann und die Reihenfolge der Navigation die Bedeutung oder Bedienung beeinflusst, erhalten fokussierbare Komponenten den Fokus in einer Reihenfolge, der Bedeutung und Bedienbarkeit aufrecht erhält. (Level A)

WCAG 2.1

Navigation

Wenn irgendein Bestandteil den Fokus erhält, dann löst dies nicht eine Änderung des Kontextes aus. (Level A)

WCAG 2.1

Information- & Navigationsarchitektur Navigation

Navigationsmechanismen, die auf mehreren Webseiten innerhalb eines Satzes von Webseiten wiederholt werden, treten jedes Mal, wenn sie wiederholt werden, in der gleichen relativen Reihenfolge auf, außer eine Änderung wird durch den Benutzer ausgelöst. (Level AA)

WCAG 2.1

Navigation

Tastaturnavigation und Aktivierung voneinander trennen: Die Software muss es den Benutzern ermöglichen, den Tastaturfokus zu bewegen, ohne dadurch bei irgendetwas anderem als der Informationsdarstellung eine Wirkung hervorzurufen (z. B. Scrollen oder Pop-ups, die den Fokus oder die Auswahl nicht ändern). Es muss ein spezieller Tastenanschlag oder eine ähnliche Benutzeraktion vorgenommen werden, um jede andere durch den Benutzer veranlasste Wirkung auszulösen.

ISO 9241-171

Information- & Navigationsarchitektur Navigation

Das Navigieren durch lange Listen und Menüs erleichtern: Die Software sollte Tastaturmechanismen zur Verfügung stellen, die das Navigieren innerhalb von Menüs und Listen erleichtern.

ISO 9241-171

Information- & Navigationsarchitektur Navigation

Die Steuerungselemente sollten so angeordnet werden, dass sich der Benutzer beim Navigieren mit der Tastatur in einer seiner Arbeitsaufgabe angemessenen Reihenfolge bewegen kann

ISO 9241-171

Information- & Navigationsarchitektur Navigation

Die Software muss es Benutzern ermöglichen, die Tastatur oder sonstige nicht zu den Zeigern gehörende Eingabeeinrichtungen zu benutzen, um den Tastaturfokus auf ein beliebiges der zum gegebenen Zeitpunkt aktiven Fenster zu richten, sofern dieses den Tastaturfokus erhalten darf.

ISO 9241-171

Information- & Navigationsarchitektur Navigation

Sie bevorzugen vereinfachte Gesten für die Interaktion. Komplexe Gesten wie Mehrfingergesten, langes Drücken oder wiederholtes Drücken von Tasten können für viele Menschen eine Herausforderung darstellen. Die Verwendung möglichst einfacher Gesten verbessert das Erlebnis für alle, die mit Ihrer Anwendung interagieren.

Apple Inc.

Navigation

Entwerfen Sie eine vorhersehbare, logische Navigation, die mit den Plattformstandards konsistent ist. Wenn die Benutzer ihre Erfahrung bei der Navigation durch das System und andere Anwendungen nutzen können, ist es für sie viel einfacher zu lernen, wie man durch Ihre Anwendung navigiert.

Apple Inc.

Navigation

Stellen Sie sicher, dass VoiceOver-Benutzer zu jedem Element navigieren können. VoiceOver verwendet Zugänglichkeitsinformationen von Bildschirmelementen, um den Benutzern zu helfen, den Standort jedes Elements zu verstehen und zu verstehen, was es kann. Vom System bereitgestellte Oberflächenelemente enthalten diese Zugänglichkeitsinformationen standardmäßig, aber VoiceOver kann den Benutzern nur dann helfen, benutzerdefinierte Elemente zu entdecken und zu verwenden, wenn Sie die Informationen bereitstellen.

Apple Inc.

Navigation

Unterstützen Sie den VoiceOver-Rotor. VoiceOver-Benutzer können ein Bildschirm-Steuerelement namens "Rotor" verwenden, um in einem Dokument oder einer Webseite nach Überschriften, Links oder anderen Abschnittstypen zu navigieren. Der Rotor kann auch die Braille-Tastatur aufrufen. Sie können VoiceOver-Benutzern helfen, zwischen verwandten Elementen in Ihrer Anwendung zu navigieren, indem Sie diese Elemente dem Rotor identifizieren.

Apple Inc.

Navigation

Lassen Sie die Benutzer die Tastatur zum Navigieren und Interagieren mit allen Bildschirmelementen in einer MacOS-App verwenden. Im Idealfall können die Benutzer den vollständigen Tastaturzugriff einschalten und alle Aufgaben in Ihrer MacOS-Anwendung nur über die Tastatur ausführen. Zusätzlich zu den Tastaturkürzeln für die Barrierefreiheit definiert das macOS eine große Anzahl weiterer Tastaturkürzel, die viele Benutzer ständig verwenden. Um alle Benutzer zu unterstützen, ist es wichtig, keine systemdefinierten Tastenkombinationen in Ihrer Anwendung außer Kraft zu setzen.

Apple Inc.

Navigation

Die Navigation kann klare Aufgabenabläufe mit minimalen Schritten, leicht zu lokalisierenden Bedienelementen und klarer Beschriftung haben. Für häufig verwendete Aufgaben kann eine Fokuskontrolle oder die Möglichkeit zur Steuerung der Tastatur und des Lesefokus implementiert werden.

Google

Information- & Navigationsarchitektur Navigation

Helfen Sie Benutzern bei der Navigation, indem Sie klare Layouts mit eindeutigen Handlungsaufforderungen entwerfen.

Google

Navigation

Benutzer navigieren möglicherweise mit einer Tastatur oder einem anderen Gerät und nicht mit ihren Fingern oder einer Maus, was bei der Beschreibung der Interaktion mit einem Steuerelement für Benutzer berücksichtigt werden sollte. Barrierefreie Software wird die korrekte Interaktion für den Benutzer beschreiben.

Google

Information- & Navigationsarchitektur Navigation

Benutzer können Ihre Anwendung mithilfe von Sound navigieren, wenn Sie beschreibende Labels zu UI-Elementen hinzufügen. Bei der Verwendung eines Screenreaders (wie TalkBack) und der Navigation durch Berührungsexploration werden Beschriftungen laut ausgesprochen, wenn Benutzer Oberflächenelemente auf dem Bildschirm berühren. Die Verwendung von Screenreadern kann schwierig sein: Ton über einen Screenreader abgespielt wird, z. B. Hintergrundmusik, die automatisch abgespielt wird (Sie können Steuerelemente bereitstellen, mit denen Benutzer diese Töne anhalten oder stoppen können)/ zusätzliche Töne zu nativen Elementen hinzugefügt werden (Screenreader können native Elemente korrekt interpretieren)

Google

Navigation Leichte Sprache Icons & Illustration Buttons & Links
Links im Bild sieht man ein Hamburger Icon mit korrekter Beschreibung was für eine Aktion erfolgen wird. Rechts sieht man ein Hamburger Icon welches nicht die Aktion die verfolgen wird beschreibt

Aktionsverben geben an, was ein Element oder Link tut, wenn es angetippt wird, und nicht, wie ein Element aussieht. Dies beschreibt, was ein Element tut, ohne sich auf die Sehschärfe zu verlassen.

Links-Korrekt: Der Zugänglichkeitstext für ein Navigationsmenü könnte "Navigationsmenü anzeigen" und "Navigationsmenü ausblenden" (bevorzugt) oder "Hauptmenü anzeigen" und "Hauptmenü ausblenden"lauten.

Rechts-Falsch: Ziehen Sie in Betracht, Texte zur Barrierefreiheit zu überarbeiten, die nicht angeben, welche Aktion erfolgen wird.

Google

* Die angegebenen Preise sind Endpreise. Aufgrund der Kleinunternehmerregelung gemäß § 19 UStG erfolgt kein Ausweis von Umsatzsteuer.