Reduzieren Sie Inhalte und erleichtern Sie gleichzeitig das Auffinden und Navigieren.
Prüffortschritt
Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
ANLEITUNG
Verwenden Sie die Tabulatortaste und dann die Eingabetaste oder die Leertaste, um jedes Element zu öffnen und zu schließen. Der Titel muss den offenen Status angeben; Bei ausgeblendeten Inhalten dürfen die Steuerelemente nicht in der Tab-Reihenfolge gehalten werden.
BEISPIELE
Der Fragentitel ist eine Schaltfläche mit einem offenen oder geschlossenen Zustand; Beim Öffnen befindet sich die Antwort direkt darunter und ist immer noch mit diesem Element verknüpft.
Ein Symbol für offene und geschlossene Bereiche wählen; seine Richtung entspricht dem tatsächlichen Zustand.
Per Tastatur öffnen und schließen: Symbol und aria-expanded ändern sich gleichzeitig.
Beispiel Das Pluszeichen wird zum Minuszeichen, wenn die Antwort geöffnet ist.
Standardzustand, Zeigerkontakt, Fokus und geöffneten Zustand visuell und über zugängliche Attribute unterscheiden.
Mit Tab durch die Überschriften gehen und Enter verwenden: Der geöffnete Bereich verliert nicht den Fokus.
Beispiel Der Fokusrahmen bleibt auf geöffneten Zeilen sichtbar, unabhängig von der Hintergrundfarbe.
Trennlinien, Abstände oder Hintergrundflächen passend zum Zusammenhang der Inhalte verwenden.
Mehrere lange Antworten öffnen: Abstände verdeutlichen weiterhin die Zuordnung zur Überschrift.
Beispiel Eine Fragengruppe verwendet Trennlinien; eine andere hat eine eigene Überschrift.
