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

Last updated by Brook Jeynes [SSW] 9 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.

We open source. Powered by GitHub