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 7183f91fa6..c50e28c54d 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 96facfea8c..d20ac7d2bf 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 bcfaf2b8cb..06459d2ef6 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

diff --git a/examples/slider/images/max-arrow.paint b/examples/slider/images/max-arrow.paint index 232fa40aaad5cf512189912b7ea1120c8e0d7bb8..561b494ab5e6d62962e651bb126632cd995e262b 100644 GIT binary patch literal 13542 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 P!CF#}wwl!yNzwlcQU`_a literal 11004 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 diff --git a/examples/slider/js/multithumb-slider.js b/examples/slider/js/multithumb-slider.js index 8c6dc707ad..27fb38e2a6 100644 --- a/examples/slider/js/multithumb-slider.js +++ b/examples/slider/js/multithumb-slider.js @@ -1,11 +1,11 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: slider.js -* -* Desc: Slider widget 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: slider.js + * + * Desc: Slider widget that implements ARIA Authoring Practices + */ // Create Slider that contains value, valuemin, valuemax, and valuenow var Slider = function (domNode) { diff --git a/examples/slider/js/slider.js b/examples/slider/js/slider.js index d7cc2826e3..5c2ffc4778 100644 --- a/examples/slider/js/slider.js +++ b/examples/slider/js/slider.js @@ -1,11 +1,11 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: slider.js -* -* Desc: Slider widget 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: slider.js + * + * Desc: Slider widget that implements ARIA Authoring Practices + */ // Create Slider that contains value, valuemin, valuemax, and valuenow var Slider = function (domNode) { diff --git a/examples/slider/js/text-slider.js b/examples/slider/js/text-slider.js index 4f32dbadb9..2392b5d83c 100644 --- a/examples/slider/js/text-slider.js +++ b/examples/slider/js/text-slider.js @@ -1,11 +1,11 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: text-slider.js -* -* Desc: Text slider widget 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: text-slider.js + * + * Desc: Text slider widget that implements ARIA Authoring Practices + */ // Create Text Slider that contains value, valuemin, valuemax, and valuenow diff --git a/examples/slider/js/vertical-slider.js b/examples/slider/js/vertical-slider.js index 254b9e98a9..e13d65755f 100644 --- a/examples/slider/js/vertical-slider.js +++ b/examples/slider/js/vertical-slider.js @@ -1,11 +1,11 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: vertical-slider.js -* -* Desc: Vertical slider widget 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: vertical-slider.js + * + * Desc: Vertical slider widget that implements ARIA Authoring Practices + */ // Create Vertical Slider that contains value, valuemin, valuemax, and valuenow var VSlider = function (domNode) { diff --git a/examples/slider/slider-1.html b/examples/slider/slider-1.html index 4a5631c7ef..4780a81348 100644 --- a/examples/slider/slider-1.html +++ b/examples/slider/slider-1.html @@ -27,7 +27,7 @@

Horizontal Slider Example

- Following is an example of a color picker that demonstrates the + Following is an example of a color picker that demonstrates the slider design pattern. Change the background color of the box below the picker by adjusting the sliders for red, green, and blue values. The HEX and RGB values of the chosen color are displayed by the color box. @@ -35,26 +35,26 @@

Horizontal Slider Example

Similar examples include:

-

Example

- +

Example

+
Red
+ role="slider" + tabindex="0" + class="thumb" + aria-valuemin="0" + aria-valuenow="0" + aria-valuemax="255" + aria-labelledby="idRed">
0
@@ -63,13 +63,13 @@

Example

+ role="slider" + tabindex="0" + class="thumb" + aria-valuemin="0" + aria-valuenow="0" + aria-valuemax="255" + aria-labelledby="idGreen">
0
@@ -78,13 +78,13 @@

Example

+ role="slider" + tabindex="0" + class="thumb" + aria-valuemin="0" + aria-valuenow="0" + aria-valuemax="255" + aria-labelledby="idBlue">
0
@@ -96,7 +96,7 @@

Color Box

- +
diff --git a/examples/slider/slider-2.html b/examples/slider/slider-2.html index b02e9942bc..ce995e6e30 100644 --- a/examples/slider/slider-2.html +++ b/examples/slider/slider-2.html @@ -28,7 +28,7 @@

Slider Examples with aria-orientation and aria-valuetext

- The following example of a hypothetical online thermostat demonstrates the + The following example of a hypothetical online thermostat demonstrates the slider design pattern. The desired temperature is set with the first slider, which is vertically oriented. Two horizontal sliders set fan speed and mode. @@ -38,7 +38,7 @@

Slider Examples with aria-orientation and aria-valuetext

- +

Example

diff --git a/examples/tabs/tabs-1/js/tabs.js b/examples/tabs/tabs-1/js/tabs.js index 224d4ba2da..a055a54342 100644 --- a/examples/tabs/tabs-1/js/tabs.js +++ b/examples/tabs/tabs-1/js/tabs.js @@ -1,7 +1,7 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + */ (function () { var tablist = document.querySelectorAll('[role="tablist"]')[0]; var tabs; diff --git a/examples/tabs/tabs-1/tabs.html b/examples/tabs/tabs-1/tabs.html index 7ac922f445..875bb5f6ff 100644 --- a/examples/tabs/tabs-1/tabs.html +++ b/examples/tabs/tabs-1/tabs.html @@ -22,7 +22,7 @@
  • Related Issues
  • Design Pattern
    • - +

    Example of Tabs with Automatic Activation

    diff --git a/examples/tabs/tabs-2/js/tabs.js b/examples/tabs/tabs-2/js/tabs.js index 23c38d6045..21c311be72 100644 --- a/examples/tabs/tabs-2/js/tabs.js +++ b/examples/tabs/tabs-2/js/tabs.js @@ -1,7 +1,7 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + */ (function () { var tablist = document.querySelectorAll('[role="tablist"]')[0]; var tabs; diff --git a/examples/toolbar/js/FontMenu.js b/examples/toolbar/js/FontMenu.js index 2b34b30495..e6d5779b29 100644 --- a/examples/toolbar/js/FontMenu.js +++ b/examples/toolbar/js/FontMenu.js @@ -1,9 +1,9 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: FontMenu.js -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: FontMenu.js + */ var FontMenu = function (domNode, controllerObj) { var elementChildren, @@ -45,13 +45,13 @@ var FontMenu = function (domNode, controllerObj) { }; /* -* @method FontMenu.prototype.init -* -* @desc -* Add domNode event listeners for mouseover and mouseout. Traverse -* domNode children to configure each menuitem and populate menuitems -* array. Initialize firstItem and lastItem properties. -*/ + * @method FontMenu.prototype.init + * + * @desc + * Add domNode event listeners for mouseover and mouseout. Traverse + * domNode children to configure each menuitem and populate menuitems + * array. Initialize firstItem and lastItem properties. + */ FontMenu.prototype.init = function () { var menuitemElements, menuitemElement, menuItem, textContent, numItems; diff --git a/examples/toolbar/js/FontMenuButton.js b/examples/toolbar/js/FontMenuButton.js index 7c5d114003..7e8653d3d0 100644 --- a/examples/toolbar/js/FontMenuButton.js +++ b/examples/toolbar/js/FontMenuButton.js @@ -1,9 +1,9 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: FontMenuButton.js -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: FontMenuButton.js + */ FontMenuButton = function (node, toolbar, toolbarItem) { @@ -80,4 +80,3 @@ FontMenuButton.prototype.setFontFamily = function (font) { this.domNode.setAttribute('aria-label', 'Font: ' + font); this.toolbar.activateItem(this); }; - diff --git a/examples/toolbar/js/FontMenuItem.js b/examples/toolbar/js/FontMenuItem.js index ca26b5226c..8bfb6b6299 100644 --- a/examples/toolbar/js/FontMenuItem.js +++ b/examples/toolbar/js/FontMenuItem.js @@ -1,26 +1,26 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: FontMenuItem.js -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: FontMenuItem.js + */ /* -* @constructor MenuItem -* -* @desc -* Wrapper object for a simple menu item in a popup menu -* -* @param domNode -* The DOM element node that serves as the menu item container. -* The menuObj PopupMenu is responsible for checking that it has -* requisite metadata, e.g. role="menuitem". -* -* @param menuObj -* The object that is a wrapper for the PopupMenu DOM element that -* contains the menu item DOM element. See PopupMenuAction.js -*/ + * @constructor MenuItem + * + * @desc + * Wrapper object for a simple menu item in a popup menu + * + * @param domNode + * The DOM element node that serves as the menu item container. + * The menuObj PopupMenu is responsible for checking that it has + * requisite metadata, e.g. role="menuitem". + * + * @param menuObj + * The object that is a wrapper for the PopupMenu DOM element that + * contains the menu item DOM element. See PopupMenuAction.js + */ var FontMenuItem = function (domNode, fontMenu) { this.domNode = domNode; diff --git a/examples/toolbar/js/FormatToolbar.js b/examples/toolbar/js/FormatToolbar.js index 8e888207e2..7a3abb0bab 100644 --- a/examples/toolbar/js/FormatToolbar.js +++ b/examples/toolbar/js/FormatToolbar.js @@ -1,9 +1,9 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: FormatToolbar.js -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: FormatToolbar.js + */ /** * @constructor @@ -325,13 +325,13 @@ FormatToolbar.prototype.setFocusToLast = function (currentItem) { // Initialize toolbars /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* ARIA Toolbar Examples -* @function onload -* @desc Initialize the toolbar example once the page has loaded -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * ARIA Toolbar Examples + * @function onload + * @desc Initialize the toolbar example once the page has loaded + */ window.addEventListener('load', function () { var toolbars = document.querySelectorAll('[role="toolbar"].format'); diff --git a/examples/toolbar/js/FormatToolbarItem.js b/examples/toolbar/js/FormatToolbarItem.js index f3e82c4fe9..80e6768566 100644 --- a/examples/toolbar/js/FormatToolbarItem.js +++ b/examples/toolbar/js/FormatToolbarItem.js @@ -1,9 +1,9 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: FontToolbarItem.js -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: FontToolbarItem.js + */ FormatToolbarItem = function (domNode, toolbar) { this.domNode = domNode; diff --git a/examples/toolbar/js/SpinButton.js b/examples/toolbar/js/SpinButton.js index 6440bc4e43..ed450e7a02 100644 --- a/examples/toolbar/js/SpinButton.js +++ b/examples/toolbar/js/SpinButton.js @@ -1,9 +1,9 @@ /* -* This content is licensed according to the W3C Software License at -* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document -* -* File: SpinButton.js -*/ + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + * + * File: SpinButton.js + */ // Create SpinButton that contains value, valuemin, valuemax, and valuenow var SpinButton = function (domNode, toolbar) { diff --git a/examples/toolbar/toolbar.html b/examples/toolbar/toolbar.html index cfb7b647ef..e61506d6d5 100644 --- a/examples/toolbar/toolbar.html +++ b/examples/toolbar/toolbar.html @@ -78,8 +78,8 @@

    Example

    + role="radiogroup" + aria-label="Text Alignment">