How do you design accessible form labels and error messages?

• A. Place visible labels next to each field.
• B. Use aria-label on the input as the only labeling method.
• C. Attach a visible label element and provide aria-describedby for errors; inline validation with clear messages.
• D. Do not provide error messages.

Answer: (C)

Accessible form labeling starts with a visible label for every input so users know what to enter, and assistive tech can announce it. Link that label to its input so screen readers read the field name together with the control. Then provide an error message element and connect it to the input with aria-describedby, so when there’s a problem, the device announces the field and its issue. Inline validation with clear, plain-language messages near the field gives immediate guidance on what to fix, making the experience smoother for everyone. This combination ensures users see the label, hear the field name, and receive actionable error information, rather than relying on hidden labels or missing feedback.