Description List
Lista de descripciones
Una lista de descripciones empareja cada nombre con un valor o explicación. Es ideal para datos cortos que solo se leen.
Otro ejemplo
Un resumen de pedido enumera el estado, el cliente, la hora de entrega, el número de impuestos y el método de pago como datos que no se pueden cambiar.
Partes principales
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
Úsalo cuando
Úsalo para un conjunto breve de hechos donde cada valor necesita un nombre claro.
No lo uses cuando
No lo uses para formularios editables, tablas que se pueden ordenar ni artículos normales.
Nombre usado en código
<dl><dt><dd> Antes de lanzarlo
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 Lista de descripciones (Description List). User context: Un resumen de pedido enumera el estado, el cliente, la hora de entrega, el número de impuestos y el método de pago como datos que no se pueden cambiar. Recommended pattern: Lista de descripciones (Description List). Why it fits: Úsalo para un conjunto breve de hechos donde cada valor necesita un nombre claro. Do not use it when: No lo uses para formularios editables, tablas que se pueden ordenar ni artículos normales. 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): El estándar cubre únicamente el alcance listado. No elige el estilo visual, la decisión del producto ni el ejemplo de Vibulary. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Lista de descripciones (Description List) is used now. Definition: Una lista de descripciones empareja cada nombre con un valor o explicación. Es ideal para datos cortos que solo se leen. 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.