Form Field Labels - Easy Checks

What are Form Field Labels?

Form field labels are the text beside or above form fields. They should tell us what information to enter or what checkbox or radio button to select.

Example of labeled login fields

Why are Form Field Labels important?

Form field labels that are coded correctly are important for people listening to the page being read out by a screen reader in order to know how to complete a form.

People with low dexterity using a mouse need the visual label to be associated with the form field in the code to create a larger clickable area, especially for radio buttons and checkboxes.

Checking Form Field Labels

Checking this page

This is just for practice. Also, you can see what the check will look like on an accessible page.

Click on the button below:

Check field labels on this page

Example form fields:

Which flowers do you like:

Checking other pages

To check other pages you need to add the check link as a bookmark.

  1. Make sure your browser bookmarks bar is open. Ctrl/CMD+Shift+B will usually toggle the bar
  2. Drag this link to your browser bookmarks bar: Check field labels
  3. Visit the page you want to check
  4. Click on the ‘Check field labels’ link in your bookmarks
  1. Make sure your browser bookmarks/favorites bar is open. Ctrl/CMD+Shift+B will usually toggle the bar
  2. Create a bookmark to this page using Ctrl/CMD+D
  3. Edit your bookmarks - this varies depending on browser and operating system. There is usually a menu option to manage your bookmarks
  4. Edit the newly added bookmark to this page
  5. Paste the script copied into the URL or Link field

What to look for

There are many ways to provide a label. To support assistive technology users, including mouse users, form elements must have a programatically associated label. When using the ‘Check field labels’ link, this is shown by the form element being marked as ‘Labelled’ and the form label being marked with ‘Label for field with ID=…’. For example,

Example of form field with correctly associated label

Other checks to make include:

Learn more

Back to Top