diff --git a/content/practices/names-and-descriptions/names-and-descriptions-practice.html b/content/practices/names-and-descriptions/names-and-descriptions-practice.html index 1faf3bb1ab..d48e565b0e 100644 --- a/content/practices/names-and-descriptions/names-and-descriptions-practice.html +++ b/content/practices/names-and-descriptions/names-and-descriptions-practice.html @@ -303,11 +303,11 @@

Naming Form Controls with the Label Element

The HTML label element enables authors to identify content that serves as a label and associate it with a form control. When a label element is associated with a form control, browsers calculate an accessible name for the form control from the label content. -

-

For example, text displayed adjacent to a checkbox may be visually associated with the checkbox, so it is understood as the checkbox label by users who can perceive that visual association. However, unless the text is programmatically associated with the checkbox, assistive technology users will experience a checkbox without a label. - HTML provides two syntaxes for specifying this relationship. +

+

+ HTML provides two syntaxes for associating a label with a form control. The syntax with the broadest browser and assistive technology support is to set the for attribute on the label element to the id of the control.