Radio Group Example Using Roving tabindex

diff --git a/examples/radio/radio-2/js/radioButtonActiveDescendant.js b/examples/radio/radio-2/js/radioButtonActiveDescendant.js index 7183f91fa..c50e28c54 100644 --- a/examples/radio/radio-2/js/radioButtonActiveDescendant.js +++ b/examples/radio/radio-2/js/radioButtonActiveDescendant.js @@ -1,17 +1,17 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: RadioButtonActiveDescendant.js -* -* Desc: Radio widget using aria-activedescendant that implements ARIA Authoring Practices -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: RadioButtonActiveDescendant.js + * + * Desc: Radio widget using aria-activedescendant that implements ARIA Authoring Practices + */ /* -* @constructor RadioButtonActiveDescendantActiveDescendant -* -* -*/ + * @constructor RadioButtonActiveDescendantActiveDescendant + * + * + */ var RadioButtonActiveDescendant = function (domNode, groupObj) { this.domNode = domNode; diff --git a/examples/radio/radio-2/js/radioGroupActiveDescendant.js b/examples/radio/radio-2/js/radioGroupActiveDescendant.js index 96facfea8..d20ac7d2b 100644 --- a/examples/radio/radio-2/js/radioGroupActiveDescendant.js +++ b/examples/radio/radio-2/js/radioGroupActiveDescendant.js @@ -1,22 +1,22 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: radioGroup.js -* -* Desc: Radio group widget using aria-activedescendant that implements ARIA Authoring Practices -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: radioGroup.js + * + * Desc: Radio group widget using aria-activedescendant that implements ARIA Authoring Practices + */ /* -* @constructor radioGroupActiveDescendent -* -* @desc -* Wrapper for ARIA radiogroup control using ARIA active-descendant. Any descendant -* element with role=radio will be included in this radiogroup as a radiobutton2. -* -* @param domNode -* The DOM element node that serves as the radiogroup container. -*/ + * @constructor radioGroupActiveDescendent + * + * @desc + * Wrapper for ARIA radiogroup control using ARIA active-descendant. Any descendant + * element with role=radio will be included in this radiogroup as a radiobutton2. + * + * @param domNode + * The DOM element node that serves as the radiogroup container. + */ var RadioGroup = function (domNode) { this.domNode = domNode; diff --git a/examples/radio/radio-2/radio-2.html b/examples/radio/radio-2/radio-2.html index 124dc4918..d5d9be803 100644 --- a/examples/radio/radio-2/radio-2.html +++ b/examples/radio/radio-2/radio-2.html @@ -36,7 +36,7 @@

Radio Group Example Using aria-activedescendant

-
+

Example

@@ -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.