Operabel

Wenn Sie einen Bereich der Funktionalität mit der Tastatur betreten, sollten Sie diesen Bereich auch wieder nur mit der Tastatur verlassen können. Zum Beispiel, wenn Sie die Taste Enter/Return auf einer fokussierten Schaltfläche drücken, um ein Optionsfenster zu öffnen, sollten Sie dieses Fenster wieder schließen und zur Hauptanzeige zurückkehren können, indem Sie nur die Tastatur verwenden.

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

Bei Funktionen mit Zeitbeschränkungen (z.B. eine Hotel- oder Flugbuchung, die oft zeitlich begrenzt ist) sollte der Benutzer die Kontrolle haben, um den Zeitablauf anzupassen, zu verlängern oder auszuschalten.

Ausnahmen bestehen bei Aktivitäten mit Zeitbeschränkungen länger als 20 Stunden, bei Echtzeitereignissen (z.B. Live-Mehrspieler-Spiele) und bei allen anderen Aktivitäten, die einen Zeitablauf benötigen und ungültig werden würden, wenn dieser abgeschaltet wird.

Für automatisch startenden und länger als 5 Sekunden andauernden, bewegten oder blinkenden Inhalt, der neben anderem Inhalt angezeigt wird, sollten Steuerungen bereitgestellt werden, um ihn zu pausieren, zu stoppen oder zu verstecken. Dies gilt nicht für sich bewegenden/blinkenden Inhalt, der für das Erlebnis wesentlich ist. Beispiele sind scrollender Text und Videos.

Für automatisch aktualisierende Informationen, die automatisch starten und neben anderem Inhalt angezeigt werden, sollten Steuerungen bereitgestellt werden, um sie zu pausieren, zu stoppen oder zu verstecken oder die Aktualisierungshäufigkeit zu steuern. Dies gilt nicht für automatisch aktualisierenden Inhalt, der für das Erlebnis wesentlich ist. Beispiele sind Karussells oder rotierende Ankündigungen.

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

Es sollte ein Mechanismus bereitgestellt werden, mit dem der Benutzer direkt zum Hauptinhalt oder zur auf der Seite verfügbaren Funktionalität gelangen kann, vorbei an wiederkehrenden Features (wie dem Firmenlogo oder der Navigation). Dies wird oft durch "Sprunglinks" erreicht — Links am Anfang des Seitenquellcodes, die zum Hauptinhalt führen und durch CSS versteckt sind.

Wenn eine ordnungsgemäße Struktur von Überschriften und semantischen Behältern bereitgestellt wird, um damit zu navigieren (zum Beispiel <section>, <aside>, etc.), dann ist ein zusätzlicher "Sprunglink" nicht notwendig.

Sie sollten mindestens zwei allgemeine Navigationsmechanismen bereitstellen, um Seiten auf Ihrer Website zu finden, z.B. Navigationsmenü, Breadcrumb-Leiste, Seitensuche, Seitenübersicht, Liste verwandter Links, etc.

Die einzige Ausnahme ist, wenn eine Seite ein Schritt in einem Prozess ist, bei dem es logisch nur Links zu den vorherigen und nächsten Schritten geben sollte.

Siehe Verwenden Sie nach Möglichkeit semantische UI-Steuerelemente, Verwenden Sie aussagekräftige Textbeschriftungen, Grundlagen von Überschriften und Absätzen, Das <label>-Element.

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

Neben der Erstellung 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 des Textinhalts). Überschriften und Titel für Benutzeroberflächen sind ein besonderer Fall, der in Kriterium 4.1.2 behandelt wird.

Siehe Grundlagen von Überschriften und Absätzen.

Wenn eine Benutzeroberflächenkomponente Tastaturfokus erhält, darf die Komponente nicht vollständig durch autorenerstellte Inhalte verdeckt sein.

Hinweis: Wenn der Inhalt der Benutzeroberfläche vom Benutzer neu positioniert werden kann, wird nur die ursprüngliche Position des benutzerbeweglichen Inhalts zum Testen auf die Einhaltung dieses Standards berücksichtigt. Außerdem können Inhalte, die vom Benutzer geöffnet werden, die Komponente mit Fokus verdecken. Ferner gilt die Komponente mit Fokus nicht als verdeckt für Konformitäts- und Testzwecke, wenn der Benutzer die fokussierte Komponente anzeigen kann, ohne den Tastaturfokus zu ändern.

Sehen Sie sich Verstehen: Fokus nicht verdeckt (Minimum) an, um mehr über diesen Standard zu erfahren.

Folgt den Regeln wie 2.4.11, außer dass bei Erhalt des Fokus keine Teile der Komponente durch autorenerstellte Inhalte verdeckt werden können. Wenn die Benutzeroberfläche konfigurierbar ist, werden nur die anfänglichen Positionen der benutzerbeweglichen Inhalte zum Testen und Erfüllen dieses Standards berücksichtigt.

Sehen Sie sich Verstehen: Fokus nicht verdeckt (Erweitert) (Level AAA) an, um mehr über diesen Standard zu erfahren.

Wenn der Tastaturfokus-Indikator sichtbar ist, erfüllt der Bereich des Fokus-Indikators alle folgenden Anforderungen:

• Muss mindestens so groß sein wie der Bereich des 2px dicken Umfangs der nicht fokussierten Komponente oder Subkomponente, die den Inhalt, Rahmen und Hintergrund der Komponente umfasst, jedoch ohne äußere Schatten- oder Leuchteffekte.
• Erfordert ein Kontrastverhältnis von mindestens 3:1 zwischen den gleichen Pixeln in den fokussierten und nicht fokussierten Zuständen.

Die Ausnahmen sind:

• Der Fokusindikator wird vom Benutzer bestimmt und kann vom Autor nicht angepasst werden.
• Der Fokusindikator und die Hintergrundfarbe des Indikators werden vom Autor nicht geändert.

Sehen Sie sich Verstehen: Fokus-Erscheinung (Level AAA) an, um mehr über diesen Standard zu erfahren.