Merge pull request Chalarangelo#27 from scottaohara/accessibility_upd…

…ates accessibility: update buttons and nav semantics
VKorotynskyy · Feb 28, 2018 · 53cf1d4 · 53cf1d4
2 parents db63bf8 + 5177c4e
commit 53cf1d4
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -8,9 +8,9 @@
     <script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
   </head>
   <body>
-    <button class="back-to-top-button">↑</button>
-    <aside class="sidebar">
-      <button class="hamburger hamburger--spin sidebar__menu" type="button">
+    <button class="back-to-top-button" aria-label="back to top">↑</button>
+    <nav class="sidebar" aria-label="Table of Contents">
+      <button class="hamburger hamburger--spin sidebar__menu" type="button" aria-label="Menu">
         <span class="hamburger-box">
           <span class="hamburger-inner"></span>
         </span>
@@ -33,7 +33,7 @@
         <a class="sidebar__link" href="#triangle">Triangle</a>
         <a class="sidebar__link" href="#truncate-text">Truncate text</a>
       </div>
-    </aside>
+    </nav>
     <div class="content-wrapper">
       <header class="header">
         <div class="container">
@@ -47,7 +47,7 @@ <h1 class="header__heading">30 Seconds of <strong class="header__css">CSS</stron
           <a class="github-button header__github-button" href="https://github.com/atomiks/30-seconds-of-css" data-icon="octicon-star" data-size="large" aria-label="Star atomiks/30-seconds-of-css on GitHub">Star</a>
         </div>
       </header>
-      <main class="main">
+      <main class="main" id="main">
         <div class="container">
           <div class="snippet">
             <h3 id="clearfix">Clearfix</h3>
@@ -1042,4 +1042,4 @@ <h4 data-type="Browser support">Browser support</h4>
     </div>
     <footer class="footer"></footer>
   </body>
-</html>
+</html>