What is the proper WCAG markup for radio buttons with comboboxes

WCAG Markup
1

Should keyboard navigation be maintained if radio buttons are not inside a but are within a instead? What is the WCAG-compliant markup for this?

yXWIR80w
yXWIR80w1256×422 58.7 KB

2

To my knowledge yes , keyboard navigation is must .Per WCAG 2.1 Success Criterion 2.1.1 (Keyboard), radio buttons must be fully operable via keyboard, with predictable navigation patterns. For radio buttons in a
And the mark up WCAG compliant should be

  • SC 1.3.1 (Info and Relationships): and usage
  • SC 2.1.1 (Keyboard): Radio buttons must be navigable via keyboard, with predictable focus order and interaction (tab, arrows, space)
  • SC 4.1.2 (Name, Role, Value): Each radio button has an accessible name (via ), role (native )