diff --git a/examples/radio/radio-2/radio-2.html b/examples/radio/radio-2/radio-2.html index 124dc49186..c76a717398 100644 --- a/examples/radio/radio-2/radio-2.html +++ b/examples/radio/radio-2/radio-2.html @@ -114,13 +114,13 @@

Accessibility Features

- +

Keyboard Support

NOTE: When visual focus is on a radio button in the radio group, DOM focus remains on the radio group container and the value of aria-activedescendant on the radio group refers to the radio button that is visually indicated as focused. Where the following descriptions of keyboard commands mention focus, they are referring to the visual focus indicator, not DOM focus. - For more information about this focus management technique, see + For more information about this focus management technique, see Using aria-activedescendant to Manage Focus.

@@ -209,13 +209,13 @@

Role, Property, State, and Tabindex Attributes

- - + + - + @@ -239,7 +239,7 @@

Role, Property, State, and Tabindex Attributes

  • When arrow keys are pressed, the JavaScript changes the value.
  • Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the radio group element.
  • - For more information about this focus management technique, see + For more information about this focus management technique, see Using aria-activedescendant to Manage Focus.
  • @@ -248,18 +248,18 @@

    Role, Property, State, and Tabindex Attributes

    - + - + - +
    radiogroup divIdentifies the div element as a container for a group of radio buttons.ulIdentifies the element as a container for a group of radio buttons.
    aria-labelledby="[IDREF]"divul Refers to the element that contains the label of the radio group.
    radio divli
      -
    • Identifies the div element as an ARIA radio button.
    • -
    • The accessible name is computed from the child text content of the div element.
    • +
    • Identifies the element as an ARIA radio button.
    • +
    • The accessible name is computed from the child text content of the element.
    aria-checked="false"divli
    • Identifies radio buttons which are not checked.
    • @@ -271,7 +271,7 @@

      Role, Property, State, and Tabindex Attributes

    aria-checked="true"divli
    • Identifies the radio button which is checked.
    • @@ -283,7 +283,7 @@

      Role, Property, State, and Tabindex Attributes

    - +

    Javascript and CSS Source Code