Do you have a label tag for the fields associated with your input?

Last updated by Brady Stroud [SSW] about 2 months ago.See history

When adding input boxes to collect data, please always have a <label> tag associated with your <input> tag to link the labels with their respective edit controls. This improves accessibility and gives nice focusing stuff (when you click the label).

<p>
  <label for="EmailAddress">Email Address</label>
  <input id="EmailAddress" type="text" />
</p>

Tip: To do this in ASP.NET use the AssociatedControlID parameter on your <asp:Label />; controls.

<p>
  <asp:Label
    ID="EmailLabel"
    runat="server"
    Text="Email Address"
    AssociatedControlID="EmailAddress"
  />
  <asp:TextBox ID="EmailAddress" runat="server" />
</p>

Tip: For a nicer user experience, consider using adaptive labels and inputs with a UI Library like Material UI.

Adam Cogan
We open source. Powered by GitHub