Bedienen

Wenn Sie mit der Tastatur in einen Funktionsbereich eintreten, sollten Sie diesen Bereich auch wieder mit nur der Tastatur verlassen können. Zum Beispiel, wenn Sie Enter/Return auf einer fokussierten Schaltfläche drücken, um ein Optionsfenster zu öffnen, sollten Sie dieses Fenster wieder schließen und zum Hauptinhalt zurückkehren können, nur mit der Tastatur.

Dies ist sehr wichtig, damit Tastaturbenutzer nicht in bestimmten Bereichen Ihrer Apps gefangen werden.

Für Funktionen mit Zeitbegrenzungen (z. B. das Abschließen einer Hotel- oder Flugbuchung hat oft eine Zeitbegrenzung), sollte dem Benutzer Steuerungen zur Verfügung gestellt werden, um die Zeitbegrenzung zu ändern, zu verlängern oder auszuschalten.

Ausnahmen hiervon sind Aktivitäten mit Zeitbegrenzungen von mehr als 20 Stunden, Echtzeitereignisse (z. B. Live-Mehrspielerspiele) und alle anderen Aktivitäten, die eine Zeitbegrenzung erfordern und ungültig wären, wenn sie ausgeschaltet würden.

Bei sich automatisch wiederholenden/blinkenden Inhalten, die länger als 5 Sekunden dauern und neben anderen Inhalten gezeigt werden, sollten Steuerungen bereitgestellt werden, um sie zu pausieren, zu stoppen oder auszublenden. Dies gilt nicht für bewegende/blinkende Inhalte, die für die Erfahrung wesentlich sind. Beispiele umfassen scrollenden Text und Videos.

Bei sich automatisch aktualisierenden Informationen, die automatisch starten und neben anderen Inhalten gezeigt werden, sollten Steuerungen bereitgestellt werden, um sie zu pausieren, zu stoppen oder auszublenden oder um die Frequenz der Aktualisierungen zu steuern. Dies gilt nicht für sich automatisch aktualisierende Inhalte, die für die Erfahrung wesentlich sind. Beispiele umfassen Karussells oder rotierende Ankündigungen.

Sollte es eine Zeitüberschreitung geben (verursacht durch Benutzerinaktivität), warnen Sie die Benutzer zu Beginn eines Prozesses, damit sie nicht überrascht werden, dass eine Zeitüberschreitung existiert (oder erlauben Sie nur eine Zeitüberschreitung nach 20 Stunden Inaktivität).

Ein Mechanismus sollte bereitgestellt werden, der es dem Benutzer ermöglicht, direkt zum Hauptinhalt oder zu den auf der Seite verfügbaren Funktionen zu springen und die wiederholten Funktionen (wie das Unternehmenslogo oder die Navigation) zu überspringen. Dies wird oft durch „Sprunglinks“ erreicht — Links, die am Anfang des Seitenquellcodes platziert und durch CSS verborgen werden.

Wenn eine ordnungsgemäße Struktur von Überschriften und semantischen Containern zur Navigation bereitgestellt wird (zum Beispiel <section>, <aside> usw.), ist ein zusätzlicher „Sprunglink“ nicht nötig.

Sie sollten mindestens zwei allgemeine Navigationsmechanismen bereitstellen, um Seiten auf Ihrer Website zu finden, zum Beispiel Navigationsmenü, Breadcrumb-Pfad, Seitensuche, Sitemap, Liste verwandter Links usw.

Die einzige Ausnahme hiervon besteht, wenn eine Seite ein Schritt in einem Prozess ist, sodass sie logischerweise nur Links zu den vorherigen und nächsten Schritten hat.

Siehe UI-Steuerungen, Bedeutungsvolle Textbeschriftungen, Grundlagen von Überschriften und Absätzen, Das <label> Element.

Beachten Sie, dass Sie vermeiden sollten, Überschriften oder Beschriftungen zu duplizieren (z. B. mehrere Instanzen von „Weitere Informationen“), es sei denn, die Struktur ermöglicht es Ihnen, sie leicht zu unterscheiden.

Neben dem Erstellen einer nützlichen Dokumentstruktur sollten Überschriften auch genau beschreiben und Inhaltsbereiche in logische Abschnitte unterteilen.

Beachten Sie, dass sich dieses Kriterium auf Überschriften und Titel im Allgemeinen Webinhalt bezieht (z. B. Überschriften innerhalb von Textinhalten). Überschriften und Titel für Benutzeroberflächen sind ein Sonderfall, der im Kriterium 4.1.2 behandelt wird.

Siehe Grundlagen von Überschriften und Absätzen.

Wenn eine Komponente der Benutzeroberfläche Tastaturfokus erhält, wird die Komponente nicht vollständig durch vom Autor erstellten Inhalt verdeckt.

Hinweis: Wenn der Inhalt der Benutzeroberfläche durch den Benutzer neu positioniert werden kann, wird nur die anfängliche Position des durch den Benutzer verschiebbaren Inhalts für die Prüfung auf Einhaltung dieses Standards berücksichtigt. Auch Inhalte, die vom Benutzer geöffnet werden, können die Komponente, die den Fokus erhält, verdecken. Darüber hinaus wird die Komponente mit Fokus nicht als verdeckt für Konformitäts- und Prüfzwecke angesehen, wenn der Benutzer die fokussierte Komponente aufdecken kann, ohne den Tastaturfokus zu ändern.

Informieren Sie sich über das Verständnis des nicht verdeckten Fokus (Minimum), um mehr über diesen Standard zu erfahren.

Befolgt die Regeln wie 2.4.11, außer dass, wenn eine Benutzeroberflächenkomponente Fokus erhält, kein Teil der Komponente durch vom Autor erstellten Inhalt verdeckt werden kann. Wenn die Oberfläche konfigurierbar ist, werden nur die anfänglichen Positionen des durch den Benutzer verschiebbaren Inhalts für die Prüfung und Einhaltung dieses Standards berücksichtigt.

Informieren Sie sich über das Verständnis des nicht verdeckten Fokus (Verbessert) (Level AAA) , um mehr über diesen Standard zu erfahren.

Wenn die Tastatur-Fokus-Anzeige sichtbar ist, erfüllt der Bereich der Fokus-Anzeige alle folgenden Kriterien:

• Muss mindestens so groß sein wie der Bereich eines 2px dicken Umrisses der unmarkierten Komponente oder Unterkomponente, die den Inhalt der Komponente, den Rand und den Hintergrund umfasst, jedoch äußere Schatten- oder Glüheffekte ausschließt.
• Muss ein Kontrastverhältnis von mindestens 3:1 zwischen denselben Pixeln im fokussierten und unfokussierten Zustand aufweisen.

Die Ausnahmen dafür sind:

• Der Fokus-Indikator wird vom Benutzer bestimmt und kann nicht vom Autor angepasst werden.
• Die Farbe des Fokus-Indikators und des Hintergriffs wird nicht vom Autor verändert.

Informieren Sie sich über das Verständnis des Fokus-Erscheinungsbildes (Level AAA) , um mehr über diesen Standard zu erfahren.