7.1.3. Place each label next to the corresponding field

Each label must be placed close to the field to which it is attached. There should only be a few pixels that separate a label from its corresponding field.

Examples

In this example, labels are right-aligned so that they are next to the corresponding fields.

Dans cet exemple les intitulés sont correctement positionnés à proximité de leurs champs de formulaire respectifs.

Previous recommendation: 7.1.2. Use identical labels for form fields that have the same purpose
Next recommendation: 7.1.4. In long forms group similar form fields together and give them a heading

Table of Contents

7.1.3. Place each label next to the corresponding field

Examples

Related recommendations