Disclosure
Offenlegung
Eine Disclosure ist ein Button, der einen zugehörigen Abschnitt anzeigt oder verbirgt. Er teilt der Software auch mit, ob der Abschnitt geöffnet ist.
Offenlegung
Eine Disclosure ist ein Button, der einen zugehörigen Abschnitt anzeigt oder verbirgt. Er teilt der Software auch mit, ob der Abschnitt geöffnet ist.
Wähle es, wenn
Verwenden Sie es für zusätzlichen Inhalt, den die Leute optional ansehen können. Das Verstecken dieses Inhalts darf die Hauptaufgabe nicht blockieren.
Ein echtes Beispiel
Auf einer Abrechnungsseite zeigt „Gebührenaufschlüsselung anzeigen“ drei Posten an und ändert `aria-expanded` auf `true`. Der Fokus bleibt auf der Schaltfläche. Die Gesamtsumme bleibt sichtbar, selbst wenn JavaScript fehlschlägt.
Hauptteile
- 01Umschaltknopf
- 02Erweiterter Zustand
- 03Kontrollierte Region
Verwenden Sie es, wenn
Verwenden Sie es für zusätzlichen Inhalt, den die Leute optional ansehen können. Das Verstecken dieses Inhalts darf die Hauptaufgabe nicht blockieren.
Nutze es nicht, wenn
Verwenden Sie es nicht als Menü oder Formularauswahl. Verstecken Sie niemals erforderliche Fehler oder Anweisungen darin.
In Code verwendeter Name
button aria-expanded aria-controls + controlled region 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 Offenlegung (Disclosure). User context: Auf einer Abrechnungsseite zeigt „Gebührenaufschlüsselung anzeigen“ drei Posten an und ändert `aria-expanded` auf `true`. Der Fokus bleibt auf der Schaltfläche. Die Gesamtsumme bleibt sichtbar, selbst wenn JavaScript fehlschlägt. Recommended pattern: Offenlegung (Disclosure). Why it fits: Verwenden Sie es für zusätzlichen Inhalt, den die Leute optional ansehen können. Das Verstecken dieses Inhalts darf die Hauptaufgabe nicht blockieren. Do not use it when: Verwenden Sie es nicht als Menü oder Formularauswahl. Verstecken Sie niemals erforderliche Fehler oder Anweisungen darin. 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 Offenlegung (Disclosure) is used now. Definition: Eine Disclosure ist ein Button, der einen zugehörigen Abschnitt anzeigt oder verbirgt. Er teilt der Software auch mit, ob der Abschnitt geöffnet ist. 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.