WEBVTT

00:00:00.000 --> 00:00:06.000
Does every form field clearly say what belongs there?

00:00:06.000 --> 00:00:13.000
Useful labels make a form easier to understand and complete.

00:00:13.000 --> 00:00:18.000
Make each field understandable.
6 form-label checks.

00:00:18.000 --> 00:00:30.000
Describe the information needed
Use a short visible label such as Email address.
Visible label · Specific information · Plain wording

00:00:30.000 --> 00:00:42.000
Connect label and control
The code should associate the label with the correct field.
Label element · Matching control · Programmatic association

00:00:42.000 --> 00:00:54.000
Do not rely on placeholder text
A hint inside the field can disappear when typing starts.
Persistent label · Optional hint · Clear context

00:00:54.000 --> 00:01:06.000
Explain unusual formats
Put helpful instructions near the field that needs them.
Expected format · Useful example · Relevant instruction

00:01:06.000 --> 00:01:18.000
Identify required information
Make required and optional fields understandable.
Required fields · Optional fields · Clear explanation

00:01:18.000 --> 00:01:30.000
Test the complete form
Review labels with keyboard use and suitable assistive technology.
Keyboard journey · Label announced correctly · Useful form review

00:01:30.000 --> 00:01:39.000
Your checklist
Describe the information needed · Connect label and control · Do not rely on placeholder text · Explain unusual formats · Identify required information · Test the complete form

00:01:39.000 --> 00:01:47.000
Keep the label clear while someone is typing.
jerseyweb.je