Description List
Beschreibungsliste
Eine Description List verbindet jeden Namen mit einem Wert oder einer Erklärung. Sie passt zu kurzen, schreibgeschützten Fakten.
Ein weiteres Beispiel
Eine Bestellübersicht listet Status, Kunde, Lieferzeit, Steuernummer und Zahlungsmethode als schreibgeschützte Fakten.
Hauptteile
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
Verwenden Sie es, wenn
Verwenden Sie es für einen kurzen Faktenblock, bei dem jeder Wert einen klaren Namen benötigt.
Nutze es nicht, wenn
Nutze es nicht für editierbare Formulare, sortierbare Tabellen oder normale Artikel.
In Code verwendeter Name
<dl><dt><dd> Vor dem Ausliefern
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Beschreibungsliste (Description List). User context: Eine Bestellübersicht listet Status, Kunde, Lieferzeit, Steuernummer und Zahlungsmethode als schreibgeschützte Fakten. Recommended pattern: Beschreibungsliste (Description List). Why it fits: Verwenden Sie es für einen kurzen Faktenblock, bei dem jeder Wert einen klaren Namen benötigt. Do not use it when: Nutze es nicht für editierbare Formulare, sortierbare Tabellen oder normale Artikel. 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): Der Standard deckt nur den aufgeführten Umfang ab. Er wählt nicht den visuellen Stil, die Produktentscheidung oder das Vibulary-Beispiel aus. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Beschreibungsliste (Description List) is used now. Definition: Eine Description List verbindet jeden Namen mit einem Wert oder einer Erklärung. Sie passt zu kurzen, schreibgeschützten Fakten. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.