What is the role of programmatic associations in form elements?

• A. They provide data for automated testing only.
• B. They allow assistive technology to identify the control and its instructions.
• C. They replace the need for any visible labels.
• D. They determine the color of the focus outline.

Answer: (B)

Programmatic associations connect a form control to its descriptive label so assistive technologies can identify the control and convey its purpose to the user. When a label is properly linked to a control (for example, a label with a matching for attribute and input id, or by wrapping the input, or using aria-labelledby/aria-label), screen readers can announce the control's name and its instructions or expected input. This makes it clear what the user should do and what the control represents, which is essential for accessibility.

This mechanism is not about automated testing or styling. It also doesn’t replace visible labels; it complements them by ensuring non-visual users can understand and interact with the form. And the focus outline color is a styling concern controlled by CSS, not by programmatic associations.