fix: Apply ECLint fix

LICENSE.md

@@ -1,4 +1,3 @@
 All documents in this Repository are licensed by contributors
 under the 
 [W3C Software and Document License](https://www.w3.org/Consortium/Legal/copyright-software).
-

examples/accordion/accordion.html

@@ -273,7 +273,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex  Attributes</h2>
             <ul>
               <li>Element that serves as an accordion header.</li>
               <li>Each accordion header element contains a button that controls the visibility of its content panel.</li>
-              <li>The example uses heading level 3 so it fits correctly within the outline of the page; the example is contained in a section titled with a level 2 heading.</li> 
+              <li>The example uses heading level 3 so it fits correctly within the outline of the page; the example is contained in a section titled with a level 2 heading.</li>
             </ul>
           </td>
         </tr>

examples/accordion/js/accordion.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
-*
-*   Simple accordion pattern example
-*/
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   Simple accordion pattern example
+ */
 
 'use strict';
 

examples/alert/alert.html

@@ -23,7 +23,7 @@
       <li><a href="https://github.com/w3c/aria-practices/projects/20">Related Issues</a></li>
       <li><a href="../../#alert">Design Pattern</a></li>
     </ul>
-  </nav>    
+  </nav>
     <main>
     <h1>Alert Example</h1>
     <p>

examples/alert/js/alert.js

@@ -1,8 +1,8 @@
 /*
-*   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
+ *
+ */
 window.addEventListener('load', function () {
 
   var button = document.getElementById('alert-trigger');
@@ -12,13 +12,13 @@ window.addEventListener('load', function () {
 });
 
 /*
-* @function addAlert
-*
-* @desc Adds an alert to the page
-*
-* @param   {Object}  event  -  Standard W3C event object
-*
-*/
+ * @function addAlert
+ *
+ * @desc Adds an alert to the page
+ *
+ * @param   {Object}  event  -  Standard W3C event object
+ *
+ */
 
 function addAlert (event) {
 

examples/button/js/button.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
-*
-*   JS code for the button design pattern
-*/
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   JS code for the button design pattern
+ */
 
 var ICON_MUTE_URL = 'images/mute.svg#icon-mute';
 var ICON_SOUND_URL = 'images/mute.svg#icon-sound';

examples/carousel/carousel-1/carousel-1.html

@@ -53,21 +53,21 @@ <h2 id="ex_label">Example</h2>
               <div class="carousel-inner">
 
                 <a class="previous carousel-control"
-                   role="button"
-                   tabindex="0"
-                   aria-controls="myCarousel-items"
-                   aria-label="Previous Slide">
+                  role="button"
+                  tabindex="0"
+                  aria-controls="myCarousel-items"
+                  aria-label="Previous Slide">
                   <svg width="30" height="30" version="1.1" xmlns="http://www.w3.org/2000/svg">
                     <polygon points="30 0 30 30 0 15"
                         stroke="white" fill="white" stroke-width="2"/>
                   </svg>
                 </a>
 
                 <a class="next carousel-control"
-                   role="button"
-                   tabindex="0"
-                   aria-controls="myCarousel-items"
-                   aria-label="Next Slide">
+                  role="button"
+                  tabindex="0"
+                  aria-controls="myCarousel-items"
+                  aria-label="Next Slide">
                   <svg width="30" height="30" version="1.1" xmlns="http://www.w3.org/2000/svg">
                     <polygon points="0 0 30 15 0 30"
                         stroke="white" fill="white" stroke-width="2"/>
@@ -88,7 +88,7 @@ <h2 id="ex_label">Example</h2>
 
                       <h3>
                         <a href="#" id="carousel-label-1">
-                           Dynamic Europe: Amsterdam, Prague, Berlin
+                          Dynamic Europe: Amsterdam, Prague, Berlin
                         </a>
                       </h3>
 
@@ -370,7 +370,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex  Attributes</h2>
                 <td>
                   <ul>
                     <li>Applied to a <code>div</code> element that contains all the slides.</li>
-                                         <li>Identifies the container element as a live region that is in the &quot;off&quot; state, meaning assistive technology users are not informed about changes to the region.</li>
+                                        <li>Identifies the container element as a live region that is in the &quot;off&quot; state, meaning assistive technology users are not informed about changes to the region.</li>
                     <li>The live region is off when the carousel is automatically rotating.</li>
                   </ul>
                 </td>
@@ -386,7 +386,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex  Attributes</h2>
                 <td>
                   <ul>
                     <li>Applied to a <code>div</code> element that contains all the slides.</li>
-                                         <li>Identifies the container element as a live region in the &quot;polite&quot; state, meaning assistive technology users are informed about changes to the region at the next available opportunity.</li>
+                                        <li>Identifies the container element as a live region in the &quot;polite&quot; state, meaning assistive technology users are informed about changes to the region at the next available opportunity.</li>
                     <li>This causes screen readers to automatically announce the content of slides when the next and previous slide buttons are activated.</li>
                   </ul>
                 </td>
@@ -522,4 +522,3 @@ <h2 id="sc1_label">HTML Source Code</h2>
 
   </body>
 </html>
-

examples/carousel/carousel-1/js/carousel.js

@@ -1,15 +1,15 @@
 /*
-*   File:   Carousel.js
-*
-*   Desc:   Carousel widget that implements ARIA Authoring Practices
-*
-*/
+ *   File:   Carousel.js
+ *
+ *   Desc:   Carousel widget that implements ARIA Authoring Practices
+ *
+ */
 
 /*
-*   @constructor CarouselTablist
-*
-*
-*/
+ *   @constructor CarouselTablist
+ *
+ *
+ */
 var Carousel = function (domNode) {
   this.domNode = domNode;
 
@@ -217,4 +217,3 @@ window.addEventListener('load', function (event) {
     carousel.init();
   }
 }, false);
-

examples/carousel/carousel-1/js/carouselButtons.js

@@ -1,14 +1,14 @@
 /*
-*   File:   carouselButton.js
-*
-*   Desc:   Carousel Button widget that implements ARIA Authoring Practices
-*/
+ *   File:   carouselButton.js
+ *
+ *   Desc:   Carousel Button widget that implements ARIA Authoring Practices
+ */
 
 /*
-*   @constructor CarouselButton
-*
-*
-*/
+ *   @constructor CarouselButton
+ *
+ *
+ */
 var CarouselButton = function (domNode, carouselObj) {
   this.domNode = domNode;
 

examples/carousel/carousel-1/js/carouselItem.js

@@ -1,14 +1,14 @@
 /*
-*   File:   CarouselItem.js
-*
-*   Desc:   Carousel Tab widget that implements ARIA Authoring Practices
-*/
+ *   File:   CarouselItem.js
+ *
+ *   Desc:   Carousel Tab widget that implements ARIA Authoring Practices
+ */
 
 /*
-*   @constructor CarouselItem
-*
-*
-*/
+ *   @constructor CarouselItem
+ *
+ *
+ */
 var CarouselItem = function (domNode, carouselObj) {
   this.domNode = domNode;
   this.carousel = carouselObj;

examples/carousel/carousel-1/js/pauseButton.js

@@ -1,9 +1,9 @@
 /*
-*   File:   pasueButton.js
-*
-*   Desc:   Implements the pause button for the carousel widget
-*
-*/
+ *   File:   pasueButton.js
+ *
+ *   Desc:   Implements the pause button for the carousel widget
+ *
+ */
 
 var PauseButton = function (domNode, carouselObj) {
   this.domNode = domNode;

examples/checkbox/checkbox-1/checkbox-1.html

@@ -64,9 +64,9 @@ <h3 id="id-group-label">Sandwich Condiments</h3>
 
       <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
 
-     </section>
+    </section>
 
-     <section>
+    <section>
         <h2 id="kbd_label">Keyboard Support</h2>
         <table aria-labelledby="kbd_label" class="def">
           <thead>

examples/checkbox/checkbox-1/js/checkbox.js

@@ -1,19 +1,19 @@
 /*
-*   This content is licensed according to the W3C Software License at
-*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
-*
-*   File:   Checkbox.js
-*
-*   Desc:   Checkbox widget that implements ARIA Authoring Practices
-*           for a menu of links
-*
-*/
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   File:   Checkbox.js
+ *
+ *   Desc:   Checkbox widget that implements ARIA Authoring Practices
+ *           for a menu of links
+ *
+ */
 
 /*
-*   @constructor Checkbox
-*
-*
-*/
+ *   @constructor Checkbox
+ *
+ *
+ */
 var Checkbox = function (domNode) {
 
   this.domNode = domNode;
@@ -81,4 +81,3 @@ Checkbox.prototype.handleFocus = function (event) {
 Checkbox.prototype.handleBlur = function (event) {
   this.domNode.classList.remove('focus');
 };
-

examples/checkbox/checkbox-2/checkbox-2.html

@@ -44,7 +44,7 @@ <h1>Checkbox Example (Mixed-State)</h1>
         <h2 id="ex_label">Example</h2>
         <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
         <div  id="ex1">
-           <fieldset>
+          <fieldset>
               <legend>Sandwich Condiments</legend>
                   <div
                       role="checkbox"
@@ -195,7 +195,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex  Attributes</h2>
         </table>
       </section>
 
-       <section>
+      <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul>
           <li>CSS: <a href="../css/checkbox.css" type="text/css">checkbox.css</a></li>

examples/checkbox/checkbox-2/js/checkboxMixed.js

@@ -1,18 +1,18 @@
 /*
-*   This content is licensed according to the W3C Software License at
-*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
-*
-*   File:   CheckboxMixed.js
-*
-*   Desc:   CheckboxMixed widget that implements ARIA Authoring Practices
-*           for a menu of links
-*/
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   File:   CheckboxMixed.js
+ *
+ *   Desc:   CheckboxMixed widget that implements ARIA Authoring Practices
+ *           for a menu of links
+ */
 
 /*
-*   @constructor CheckboxMixed
-*
-*
-*/
+ *   @constructor CheckboxMixed
+ *
+ *
+ */
 var CheckboxMixed = function (domNode) {
 
   this.domNode = domNode;
@@ -156,4 +156,3 @@ CheckboxMixed.prototype.handleFocus = function (event) {
 CheckboxMixed.prototype.handleBlur = function (event) {
   this.domNode.classList.remove('focus');
 };
-

examples/checkbox/checkbox-2/js/controlledCheckbox.js

@@ -1,18 +1,18 @@
 /*
-*   This content is licensed according to the W3C Software License at
-*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
-*
-*   File:   controlledCheckbox.js
-*
-*   Desc:   ControlledCheckbox widget that implements ARIA Authoring Practices
-*           for a mixed checkbox
-*/
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   File:   controlledCheckbox.js
+ *
+ *   Desc:   ControlledCheckbox widget that implements ARIA Authoring Practices
+ *           for a mixed checkbox
+ */
 
 /*
-*   @constructor ControlledCheckbox
-*
-*
-*/
+ *   @constructor ControlledCheckbox
+ *
+ *
+ */
 var ControlledCheckbox = function (domNode, controllerObj) {
 
   this.domNode = domNode;
@@ -103,4 +103,3 @@ ControlledCheckbox.prototype.handleKeyup = function (event) {
 ControlledCheckbox.prototype.handleClick = function (event) {
   this.lastState = this.isChecked();
 };
-

examples/coding-template/Depricated-MultipleImplementationExample-Template.html

@@ -198,7 +198,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
       List the keys supported in this example.
       Recommendation: Copy the list from the keyboard section of the design pattern in aria-practices.html
       and then reduce/simplify it to describe only what this example supports and how it behaves.
-     -->
+    -->
     <ul>
       <li><kbd>KEY_NAME</kbd>: function</li>
       <li><kbd>KEY_NAME</kbd>: function</li>

examples/coding-template/Example-Template.html

@@ -113,7 +113,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
       Use + to separate modifiers, e.g., <kbd>Control + Right Arrow</kbd>.
       One key per row, e.g., do not combine <kbd>Up Arrow</kbd> and <kbd>Down Arrow</kbd> into a single row.
       Do not use the word "key", e.g., do not write <kbd>Enter Key</kbd> or <kbd>Enter</kbd> key.
-     -->
+    -->
     <table aria-labelledby="kbd_label" class="def">
       <thead>
         <tr>