Filter
Filter
Ein Filter ist ein Bedienelement oder eine Regel. Es zeigt nur Dinge, die zu den gewählten Bedingungen passen. Die Originaldaten ändert es nicht.
Ein echtes Beispiel
Eine Aufgabenliste zeigt unfertige Arbeiten für diese Woche, die dem aktuellen Nutzer zugewiesen sind. Die aktiven Filter bleiben sichtbar.
Hauptteile
- 01Sichtbares Etikett
- 02Interaction target
- 03Current state
- 04Keyboard behavior
Verwenden Sie es, wenn
Verwenden Sie es, wenn die Menschen häufig nützliche kleinere Mengen aus einer großen Sammlung benötigen.
Nutze es nicht, wenn
Verstecken Sie niemals Standardfilter. Lassen Sie Menschen die Filterung rückgängig machen und Filter klar entfernen.
In Code verwendeter Name
query params / predicate 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 Filter (Filter). User context: Eine Aufgabenliste zeigt unfertige Arbeiten für diese Woche, die dem aktuellen Nutzer zugewiesen sind. Die aktiven Filter bleiben sichtbar. Recommended pattern: Filter (Filter). Why it fits: Verwenden Sie es, wenn die Menschen häufig nützliche kleinere Mengen aus einer großen Sammlung benötigen. Do not use it when: Verstecken Sie niemals Standardfilter. Lassen Sie Menschen die Filterung rückgängig machen und Filter klar entfernen. 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): Kein einziger offizieller Standard kontrolliert den gesamten Begriff. Seine Bedeutung kann sich zwischen Teams, Plattformen oder Frameworks ändern. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Filter (Filter) is used now. Definition: Ein Filter ist ein Bedienelement oder eine Regel. Es zeigt nur Dinge, die zu den gewählten Bedingungen passen. Die Originaldaten ändert es nicht. 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.