ARIA Radio and Radiogroup
- Radiogroup role with role radio radio buttons implemented with aria-activedescendant
- TODO: only up/down arrows are coded for this example and they do not wrap around once the edge is reached.
- ● iOS
- ○Windows Phone
AT Test Results
JAWS and NVDA work as expected with Firefox, and Chrome. The aria-posinset value is announced in forms mode with JAWS and Focus Mode in NVDA. In internet explorer the aria-posinset value is not announced.
This example uses aria-activedescendant on the Radiogroup. aria-activedescendant is set to the ID of the currently selected radio button. tabindex used to be set to -1 on the radio buttons but this is not necessary and can cause issues in Firefox.