Visible labels for input fields and groups (visible-labels)

Input fields and related field groups include visible <label> explaining required input.


Unlabeled phone number fields:

This example visually formats three input fields to resemble a U.S. phone number. However, there is no visible label identifying the group as a phone number. Screen readers may interpret the punctuation as labels, resulting in "(", ")", and "-" being read as labels, which violates WCAG 3.3.2 (Labels or Instructions).


() -

Note: Impossible to automatically test or detect. Requires a human tester or AI to identify visually formatted input groups (such as phone numbers) that are missing a descriptive visible label.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2