cleanup and typos

minor source cleanup but also fix complimentary to complementary as noted in comments in the merged PR  #118

index.html

@@ -119,7 +119,7 @@ <h2 id="docconformance">
         The <span class="new-feature">(new)</span> and <span class=
         "changed-feature">(changed)</span> markers in the following table
         indicate new (in ARIA 1.1) or changed (between ARIA 1.0/1.1) ARIA
-        roles, states and properties
+        roles, states and properties.
       </p>
       <table class="simple">
         <caption>
@@ -185,7 +185,7 @@ <h2 id="docconformance">
           </td>
           <td>
             <p>
-              <a href="#dfn-any-role" class="internalDFN" data-link-type="dfn"><strong>Any</strong> <code>role<!---0.768817%--></code></a>
+              <a href="#dfn-any-role" class="internalDFN" data-link-type="dfn"><strong>Any</strong> <code>role</code></a>
             </p>
             <p>
               <a href="#index-aria-global">global <code>aria-*</code> attributes</a> and
@@ -660,12 +660,12 @@ <h2 id="docconformance">
             </td>
             <td>
               If not a descendant of an <code>article</code>,
-              <code>aside</code>, <code>main</code>, <code>nav</code> 
+              <code>aside</code>, <code>main</code>, <code>nav</code>
               <span class="changed-feature">(changed)</span> or
-              <code>section</code> element 
-              or an element with <code>role=article</code>, <code>complimentary</code>, 
-              <code>main</code>, <code>navigation</code> 
-              <span class="changed-feature">(changed)</span> or <code>region</code> 
+              <code>section</code> element
+              or an element with <code>role=article</code>, <code>complementary</code>,
+              <code>main</code>, <code>navigation</code>
+              <span class="changed-feature">(changed)</span> or <code>region</code>
               then <code>role=<a href=
               "#index-aria-contentinfo">contentinfo</a></code>, otherwise <a>No
               corresponding role</a>
@@ -784,11 +784,11 @@ <h2 id="docconformance">
             </td>
             <td>
               If not a descendant of an <code>article</code>,
-              <code>aside</code>, <code>main</code>, <code>nav</code> 
+              <code>aside</code>, <code>main</code>, <code>nav</code>
               <span class="changed-feature">(changed)</span> or
-              <code>section</code> element 
-              or an element with <code>role=article</code>, <code>complimentary</code>, 
-              <code>main</code>, <code>navigation</code> 
+              <code>section</code> element
+              or an element with <code>role=article</code>, <code>complementary</code>,
+              <code>main</code>, <code>navigation</code>
               <span class="changed-feature">(changed)</span> or <code>region</code>
               then <code>role=<a href=
               "#index-aria-banner">banner</a></code>, otherwise <a>No
@@ -833,8 +833,7 @@ <h2 id="docconformance">
                 "#index-aria-presentation"><code>presentation</code></a>
               </p>
               <p>
-                DPub Role: <a data-cite=
-                "dpub-aria-1.0#doc-pagebreak"><code>doc-pagebreak</code></a> -
+                DPub Role: <a data-cite="dpub-aria-1.0#doc-pagebreak"><code>doc-pagebreak</code></a> -
                 <span class="new-feature">(new)</span>
               </p>
               <p>
@@ -852,8 +851,7 @@ <h2 id="docconformance">
               <a>No corresponding role</a>
             </td>
             <td>
-              <strong class="nosupport">No `role` or `aria-*`
-              attributes</strong>
+              <strong class="nosupport">No `role` or `aria-*` attributes</strong>
             </td>
           </tr>
           <tr id="iframe" tabindex="-1">
@@ -902,17 +900,15 @@ <h2 id="docconformance">
           <tr id="img" tabindex="-1">
             <td>
               <code><a>img</a> with <a data-cite=
-              "html/embedded-content.html#attr-img-alt">alt</a>="some
-              text"</code>
+              "html/embedded-content.html#attr-img-alt">alt</a>="some text"</code>
             </td>
             <td>
               <code>role=<a href="#index-aria-img">img</a></code>
             </td>
             <td>
               <p>
                 <strong>Any</strong> `role` except <code>presentation</code> or
-                <code>none</code> <span class=
-                "changed-feature">(changed)</span>
+                <code>none</code> <span class="changed-feature">(changed)</span>
               </p>
               <p>
                 <a href="#index-aria-global">global `aria-*` attributes</a> and