6.2. Place each label next to the corresponding field
Each label must be placed close to the field to which it is attached:
- Either immediately above the field.
-
Or immediately:
- To the right of the field for radio buttons and checkboxes.
- To the left of the field for all other field types.
There must only be a few pixels that separate a label from its corresponding field so that their association is visually obvious.
![Screenshot of a form with 4 fields, the distance between the labels and the fields varies from 70 to 140 pixels (depending on the label length).](https://www.accede-web.com/wp-content/uploads/2021/01/label-wrong-680x291.png)
![Same form, the labels are aligned on the right, they are all about 10 pixels from their respective fields.](https://www.accede-web.com/wp-content/uploads/2021/01/label-right-680x291.png)
![Screen capture, caption below.](/wp-content/uploads/2018/08/7.3.etiquette-proximite-03.jpg)
![Screenshot, a checkbox followed immediately by a label.](https://www.accede-web.com/wp-content/uploads/2021/01/check-box-next-to-text-680x86.png)