Fokusreihenfolge
Die Fokusreihenfolge bestimmt den Weg durch fokussierbare Elemente. Sie soll Bedeutung und Bedienbarkeit auch bei dynamischen Änderungen erhalten.
Die Fokusreihenfolge beschreibt, in welcher Folge fokussierbare Elemente bei schrittweiser Navigation erreicht werden. Für die Bedienung zählt, ob dieser Weg die Beziehungen im Inhalt und die nötigen Aktionen verständlich erhält.
Einen zusammenhängenden Ablauf erhalten
Im fiktiven Anfrageformular folgen Kontaktangaben und danach eine Auswahl zur Anfrage. Springt der Fokus zwischen beiden Gruppen hin und her, kann der Zusammenhang verloren gehen. Nach einer dynamischen Änderung braucht auch ein neu eingeblendeter Bereich einen nachvollziehbaren Platz im Ablauf.
Nicht jede Abweichung ist ein Fehler
W3C verlangt eine sinnvolle, bedienbare Folge und lässt mehrere logische Reihenfolgen zu. Die Fokusreihenfolge muss nicht in jedem Fall exakt der sichtbaren Anordnung entsprechen. Prüfen Sie den Weg anhand einer konkreten Aufgabe, einschließlich eingeblendeter Inhalte und Rückkehr aus Dialogen. Ein aufgeräumtes Layout allein zeigt nicht, in welcher Reihenfolge die Tastatur tatsächlich durch die Oberfläche führt.
Quellen
Verwandte Begriffe
- FokusfalleIn einer Fokusfalle bleibt die Tastaturbedienung in einem Bereich stecken. Eine absichtliche Begrenzung im Dialog braucht einen bedienbaren Ausgang.
- Sprunglink zum HauptinhaltEin Sprunglink führt an wiederholter Navigation vorbei zum Hauptinhalt. Das Ziel muss auch für die anschließende Tastaturbedienung stimmen.
- Zugänglicher NameDer zugängliche Name benennt ein Bedienelement für assistive Technik. Er soll die Aktion verständlich machen und zum sichtbaren Text passen.
- SuchvorschlagEin Suchvorschlag bietet während der Eingabe eine mögliche Suchanfrage an. Auswahl, Absenden und die spätere Ergebnisliste müssen verständlich zusammenarbeiten.
- Interaktiver PrototypEin interaktiver Prototyp reagiert auf ausgewählte Handlungen. Er kann einen Bedienweg zeigen, ohne die echte Verarbeitung dahinter nachzubilden.
- PrototypEin Prototyp macht einen Entwurf für eine bestimmte Frage prüfbar. Seine Form und sein Umfang richten sich nach der Unsicherheit, die geklärt werden soll.
Beiträge zum Thema
Design & UX mit ASES
Nutzererlebnis, Oberflächen und Markenauftritt