Form Label
Etiqueta del formulario
Un Form Label dice lo que necesita un campo de entrada. El código vincula la etiqueta a su control correspondiente.
Un ejemplo real
Un campo de pago mantiene el “Nombre del titular” sobre la caja. Una pista abajo explica cómo debe escribirse.
Partes principales
- 01Etiqueta persistente
- 02Input control
- 03Hint or format
- 04Validation message
Úsalo cuando
Dé a cada entrada una etiqueta visible, incluso cuando también tenga un marcador de posición o ícono.
No lo uses cuando
No uses un marcador de posición como única etiqueta. El texto cercano por sí solo no da un nombre accesible.
Nombre usado en código
<label for> / aria-labelledby Antes de lanzarlo
Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages.
Outcome: Complete the task with Etiqueta del formulario (Form Label). User context: Un campo de pago mantiene el “Nombre del titular” sobre la caja. Una pista abajo explica cómo debe escribirse. Recommended pattern: Etiqueta del formulario (Form Label). Why it fits: Dé a cada entrada una etiqueta visible, incluso cuando también tenga un marcador de posición o ícono. Do not use it when: No uses un marcador de posición como única etiqueta. El texto cercano por sí solo no da un nombre accesible. 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 Etiqueta del formulario (Form Label) is used now. Definition: Un Form Label dice lo que necesita un campo de entrada. El código vincula la etiqueta a su control correspondiente. Release checks: Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.