allow role=note on section element

closes #103

this role should be allowed on a section element.
this commit also solves for a duplicate “role=presentation” found in the allowed roles cell.

Author: scottaohara

index.html

@@ -1893,24 +1893,27 @@ <h2 id="docconformance">
             </td>
             <td>
               <p>
-                Roles: <code><a href="#index-aria-alert">alert</a>, <a href=
-                "#index-aria-alertdialog">alertdialog</a>, <a href=
-                "#index-aria-application">application</a>, <a href=
-                "#index-aria-banner">banner</a>, <a href=
-                "#index-aria-complementary">complementary</a>, <a href=
-                "#index-aria-contentinfo">contentinfo</a>, <a href=
-                "#index-aria-dialog">dialog</a>, <a href=
-                "#index-aria-document">document</a>,<a href=
-                "#index-aria-feed">feed</a></code> - <span class=
-                "new-feature">(new)</span>, <code><a href=
-                "#index-aria-log">log</a>, <a href="#index-aria-main">main</a>,
-                <a href="#index-aria-marquee">marquee</a>, <a href=
-                "#index-aria-navigation">navigation</a>, <a href=
-                "#index-aria-none">none</a></code>, <a href=
-                "#index-aria-presentation"><code>presentation</code></a><code><a href="#index-aria-presentation">presentation</a>,
-                <a href="#index-aria-search">search</a>, <a href=
-                "#index-aria-status">status</a></code> or <code><a href=
-                "#index-aria-tabpanel">tabpanel</a></code> - <span class=
+                Roles:
+                <a href="#index-aria-alert">`alert`</a>,
+                <a href="#index-aria-alertdialog">`alertdialog`</a>,
+                <a href="#index-aria-application">`application`</a>,
+                <a href="#index-aria-banner">`banner`</a>,
+                <a href="#index-aria-complementary">`complementary`</a>,
+                <a href="#index-aria-contentinfo">`contentinfo`</a>,
+                <a href="#index-aria-dialog">`dialog`</a>,
+                <a href="#index-aria-document">`document`</a>,
+                <a href="#index-aria-feed">`feed`</a> - <span class=
+                "new-feature">(new)</span>,
+                <a href="#index-aria-log">`log`</a>,
+                <a href="#index-aria-main">`main`</a>,
+                <a href="#index-aria-marquee">`marquee`</a>,
+                <a href="#index-aria-navigation">`navigation`</a>,
+                <a href="#index-aria-none">`none`</a>,
+                <a href="#index-aria-note">`note`</a>,
+                <a href="#index-aria-presentation">`presentation`</a>,
+                <a href="#index-aria-search">`search`</a>,
+                <a href="#index-aria-status">`status`</a> or
+                <a href="#index-aria-tabpanel">`tabpanel`</a> - <span class=
                 "changed-feature">(changed)</span>
               </p>
               <p>
@@ -5227,17 +5230,6 @@ <h2>
     </section>
     <script src="details-summary/jquery.details.min.js"></script>
     <script>
-
-
-
-
-
-
-
-
-
-
-
       $('details').details();
     </script>
   </body>