Bedienbar

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

Dies ist sehr wichtig, damit Tastaturbenutzer nicht auf bestimmten Bereichen Ihrer Apps feststecken.

Für Funktionen mit Zeitbegrenzung (z. B. das Abschließen einer Hotel- oder Flugbuchung hat oft eine Zeitvorgabe) sollte dem Benutzer Steuerelemente gegeben werden, die es ihm ermöglichen, die Zeitbegrenzung anzupassen, zu verlängern oder abzuschalten.

Ausnahmen von dieser Regel sind Aktivitäten mit Zeitbegrenzungen von mehr als 20 Stunden, Echtzeitereignisse (z. B. Live-Multiplayer-Spiele) und jede andere Aktivität, die eine Zeitbegrenzung erfordert und ungültig wäre, wenn sie abgeschaltet würde.

Für sich bewegende oder blinkende Inhalte, die automatisch starten, länger als 5 Sekunden dauern und neben anderen Inhalten gezeigt werden, sollten Steuerelemente bereitgestellt werden, um sie zu pausieren, zu stoppen oder auszublenden. Dies gilt nicht für sich bewegende oder blinkende Inhalte, die für die Erfahrung wesentlich sind. Beispiele sind scrollender Text und Videos.

Für automatisch aktualisierende Informationen, die automatisch starten und neben anderen Inhalten gezeigt werden, sollten Steuerelemente bereitgestellt werden, um sie zu pausieren, zu stoppen oder auszublenden oder um die Häufigkeit der Aktualisierungen zu kontrollieren. Dies gilt nicht für automatisch aktualisierende Inhalte, die für die Erfahrung wesentlich sind. Beispiele sind Karussells oder rotierende Ankündigungen.

Wenn es ein Laufzeitende (verursacht durch Benutzerinaktivität) gibt, sollten Benutzer zu Beginn eines Prozesses gewarnt werden, damit sie nicht überrascht werden, dass ein Laufzeitende existiert (oder nur nach 20 Stunden Inaktivität eintreten).

Es sollte ein Mechanismus bereitgestellt werden, der es dem Benutzer ermöglicht, direkt zum Hauptinhalt oder zur Hauptfunktionalität auf der Seite zu springen, vorbei an den wiederholten Features (wie dem Firmenlogo oder der Navigation). Dies wird oft durch "Skip-Links" erreicht — Links, die am Anfang des Seitenquellcodes platziert werden, um auf den Hauptinhalt zu verlinken und durch CSS versteckt werden.

Wenn eine ordentliche Struktur von Überschriften und semantischen Containern bereitgestellt wird, um mit (zum Beispiel <section>, <aside>, etc.) zu navigieren, ist ein zusätzlicher "Skip-Link" nicht erforderlich.

Sie sollten mindestens zwei allgemeine Navigationsmechanismen bereitstellen, um Seiten auf Ihrer Website zu finden, beispielsweise Navigationsmenü, Breadcrumb-Trail, Websitesuche, Sitemap, Liste verwandter Links usw.

Die einzige Ausnahme hierbei ist, wenn eine Seite einen Schritt in einem Prozess darstellt und daher nur logisch Links zu den vorhergehenden und nächsten Schritten haben sollte.

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

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

Überschriften sollten nicht nur eine nützliche Dokumentenstruktur schaffen, sondern auch die Inhalte genau beschreiben und in logische Abschnitte unterteilen.

Beachten Sie, dass sich dieses Kriterium auf Überschriften und Titel in allgemeinen Webinhalten bezieht (z.B. Überschriften innerhalb von Textinhalten). Überschriften und Titel für Benutzeroberflächen sind ein spezieller Fall, der in Kriterium 4.1.2 behandelt wird.

Siehe Die Grundlagen von Überschriften und Absätzen.

Wenn eine Benutzeroberflächenkomponente den Tastaturfokus erhält, wird die Komponente nicht vollständig durch autorenerstellte Inhalte verborgen.

Hinweis: Wenn der Inhalt der Schnittstelle vom Benutzer neu positioniert werden kann, wird für Tests zur Einhaltung dieses Standards nur die anfängliche Position der benutzerbewegbaren Inhalte berücksichtigt. Außerdem können Inhalte, die vom Benutzer geöffnet wurden, die Komponente verdecken, die den Fokus erhält. Weiterhin, wenn der Benutzer die fokussierte Komponente sichtbar machen kann, ohne den Tastaturfokus zu ändern, wird die Komponente mit Fokus nicht als verborgen in Bezug auf Konformität und Tests angesehen.

Sehen Sie sich Verständnis von Fokus nicht verdeckt (Minimum) an, um mehr über diesen Standard zu erfahren.

Folgt den Regeln wie 2.4.11, außer wenn eine Benutzeroberflächenkomponente den Fokus erhält, kann kein Teil der Komponente durch autorenerstellte Inhalte verdeckt werden. Wenn die Oberfläche konfigurierbar ist, werden für Tests und die Einhaltung dieses Standards nur die anfänglichen Positionen von benutzerbewegbaren Inhalten berücksichtigt.

Sehen Sie sich Verständnis von Fokus nicht verdeckt (Verbessert) (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 Eigenschaften:

• Muss mindestens so groß sein wie die Fläche eines 2px dicken Umfangs der unscharfen Komponente oder Unterkomponente, die den Inhalt, den Rahmen und den Hintergrund der Komponente umfasst, außer äußeren Schatten- oder Glüheffekten.
• Muss einen Kontrastverhältnis von mindestens 3:1 zwischen denselben Pixeln in den fokussierten und unscharfen Zuständen haben

Die Ausnahmen sind:

• Der Fokus-Indikator wird vom Benutzer festgelegt und kann vom Autor nicht angepasst werden.
• Der Fokus-Indikator und die Hintergrundfarbe des Indikators wurden vom Autor nicht verändert.

Sehen Sie sich Verständnis der Fokuserscheinung (Level AAA) an, um mehr über diesen Standard zu erfahren.