Los elementos de formulario deben tener etiquetas

Cada elemento de formulario debe tener un elemento label asociado programáticamente.

Los formularios deben tener etiquetas de formulario efectivas para ser accesibles. Los elementos de formulario como casillas de verificación, botones de radio, campos de entrada, etc. son frecuentemente autoexplicativos para usuarios videntes, incluso si no están etiquetados programáticamente. Los usuarios con lectores de pantalla requieren etiquetas de formulario descriptivas para identificar los campos del formulario. Agregar etiquetas a todos los elementos de formulario elimina la incertidumbre y hace que el producto sea más accesible.

Cuando los elementos de formulario carecen de etiquetas, los usuarios de lectores de pantalla desconocen qué datos se espera que ingresen. Los lectores de pantalla no pueden determinar información sobre elementos de entrada programáticamente en ausencia de una asociación de etiqueta establecida (o texto redundante que funcione como etiqueta).

Dado que hacer clic en la etiqueta activa el control, las personas con control motor débil no se benefician de un área clicable más grande para el control.

Qué verifica esta regla de accesibilidad

Asegura que cada elemento de formulario tenga una etiqueta asociada programáticamente.

Learn more:

Deque Reference

Deque University - How To Fix

→

W3C Reference

W3C WAI - Labeling Controls

→

W3C Reference

WCAG 2.1 - Failure of Success Criterion 4.1.2 due to a user interface control not having a programmatically determined name

→

W3C Reference

WCAG 2.1 - Using label elements to associate text labels with form controls

→

W3C Reference

WCAG 2.1 - Using aria-labelledby to provide a name for user interface controls

→

W3C Reference

WCAG 2.1 - Using aria-label to provide an invisible label where a visible label cannot be used

→

W3C Reference

WCAG 2.2 - Using the title attribute to identify form controls when the label element cannot be used

→