Foundation gives baseline focus styles, but accessible forms still need correct semantics: associated labels, logical tab order, error text wired with aria-describedby, and aria-invalid="true" when Abide or server validation fails.
Fieldsets and legends
Group related radios or checkboxes in fieldset with a legend so screen readers announce the set purpose before each option.
Don’t rely on color alone
Pair form-error copy with text—not only a red border. For required fields, indicate requirement in the label or legend, not solely with an asterisk color.
Self-check
- How do you link helper text to an input for screen readers?
- When should radios share a
fieldset? - What ARIA attribute marks a failed field?