Focus Management
Fokusverwaltung
Die Fokusverwaltung verschiebt den aktiven Punkt der Tastatur, nachdem sich die Seite geändert hat. Sie stellt den Fokus auch wieder her, wenn eine temporäre Oberfläche geschlossen wird.
trigger -> place focus -> finish or close -> restore to a sensible target#edit-profile#display-nameEntertrigger -> place focus -> finish or close -> restore to a sensible targetA11YEin weiteres Beispiel
Eine Person öffnet „Profil bearbeiten“. Der Fokus tritt in den Dialog ein. Nach dem Schließen durch „Speichern“ kehrt der Fokus zu „Profil bearbeiten“ zurück.
Hauptteile
- 01auslösendes Steuerelement
- 02Bildschirm- oder DOM-Änderung
- 03Initiales Fokussierungsziel
- 04Spur des aktiven Elements
- 05Schließ- oder Abschlussereignis
- 06Rückgabe- oder Fallback-Ziel
Verwenden Sie es, wenn
Verwenden Sie es nach dem Öffnen oder Schließen eines Dialogs, dem Löschen eines Elements oder dem Ändern einer Route. Wählen Sie zuerst das nächste nützliche Ziel.
Nutze es nicht, wenn
Verschiebe den Fokus nicht bei jedem kleinen Update. Unerwartete Sprünge können dazu führen, dass Benutzer von Tastatur und Bildschirmlesern ihren Platz verlieren.
In Code verwendeter Name
trigger -> place focus -> finish or close -> restore to a sensible target Vor dem Ausliefern
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with Fokusverwaltung (Focus Management). User context: Eine Person öffnet „Profil bearbeiten“. Der Fokus tritt in den Dialog ein. Nach dem Schließen durch „Speichern“ kehrt der Fokus zu „Profil bearbeiten“ zurück. Recommended pattern: Fokusverwaltung (Focus Management). Why it fits: Verwenden Sie es nach dem Öffnen oder Schließen eines Dialogs, dem Löschen eines Elements oder dem Ändern einer Route. Wählen Sie zuerst das nächste nützliche Ziel. Do not use it when: Verschiebe den Fokus nicht bei jedem kleinen Update. Unerwartete Sprünge können dazu führen, dass Benutzer von Tastatur und Bildschirmlesern ihren Platz verlieren. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Fokusverwaltung (Focus Management) is used now. Definition: Die Fokusverwaltung verschiebt den aktiven Punkt der Tastatur, nachdem sich die Seite geändert hat. Sie stellt den Fokus auch wieder her, wenn eine temporäre Oberfläche geschlossen wird. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.