Which HTML mechanism on a label connects it to a specific input element to improve accessibility?

Which HTML mechanism on a label connects it to a specific input element to improve accessibility?

• A. The id attribute on the label.
• B. The name attribute on the input paired with label's id.
• C. The for attribute on the label paired with the input's id.
• D. The class attribute on the label.

Answer: (C)

The mechanism is the for attribute on the label paired with the input’s id. When the label’s for value matches the input element’s id, assistive technologies understand that the label describes that specific control, and clicking the label will focus or toggle the input (useful for checkboxes and radio buttons). The id on the label by itself doesn’t create a connection, and the input’s name or the label’s class don’t establish this accessibility link. Nesting the input inside the label is an alternative way to associate them, but the described method relies on the label’s for attribute matching the input’s id.

The mechanism is the for attribute on the label paired with the input’s id. When the label’s for value matches the input element’s id, assistive technologies understand that the label describes that specific control, and clicking the label will focus or toggle the input (useful for checkboxes and radio buttons). The id on the label by itself doesn’t create a connection, and the input’s name or the label’s class don’t establish this accessibility link. Nesting the input inside the label is an alternative way to associate them, but the described method relies on the label’s for attribute matching the input’s id.