Labeltext

Label text is the descriptive text attached to a user interface control that communicates its purpose or the data it collects. In form design, the label text identifies fields such as email, name, or password and helps users understand what information is expected.

Label text is distinct from placeholder text and help text. Placeholders provide example values inside a control and often disappear as users type, while label text remains visible and persistent. Proper labeling improves accessibility for screen readers and keyboard users, and it supports users who rely on visual cues to navigate forms.

In HTML and related web technologies, label text is typically created with the label element and associated with a form control via the for attribute that matches the control’s id, or by wrapping the input within the label. Example: <label for="email">Email address</label> <input id="email" type="email">. ARIA can supplement labeling with aria-label or aria-labelledby for additional accessibility when native associations are not possible.

Design considerations include keeping labels concise, localized, and positioned consistently across the interface. For complex fields, designers may use floating labels or fieldset legends to provide context. Good label text uses clear language, avoids ambiguity, and maintains a consistent style to improve overall form usability.