ARIA Radio and Radiogroup

From Level Access Web Labs
Jump to: navigation, search
  • 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.

ARIA Radiogroup and radio buttons

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.

notes

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.

Role radiogroup with standard radio buttons