Merge pull request #103 from evanwill/accessibility-fix

accessibility fixes.

diff --git a/_includes/episode_navbar.html b/_includes/episode_navbar.html
index 082047f9c5d78addf378e0966fa2b5623bd2a377..a789d3d9908eca4b6a61a1588259b26006c35982 100644 (file)
--- a/_includes/episode_navbar.html
+++ b/_includes/episode_navbar.html
@@ -1,6 +1,5 @@
 {% comment %}
   Find previous and next episodes (if any).
-  Including file must pass episode_navbar_title=true or ...=false to display episode title.
 {% endcomment %}
 {% for episode in site.episodes  %}
   {% if episode.url == page.url %}
@@ -21,9 +20,9 @@
   <div class="col-md-1">
     <h3>
       {% if prev_episode %}
-      <a href="{{ page.root }}{{ prev_episode.url }}"><span class="glyphicon glyphicon-menu-left"></span></a>
+      <a href="{{ page.root }}{{ prev_episode.url }}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><span class="sr-only">previous episode</span></a>
       {% else %}
-      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up"></span></a>
+      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
       {% endif %}
     </h3>
   </div>
@@ -36,9 +35,9 @@
   <div class="col-md-1">
     <h3>
       {% if next_episode %}
-      <a href="{{ page.root }}{{ next_episode.url }}"><span class="glyphicon glyphicon-menu-right"></span></a>
+      <a href="{{ page.root }}{{ next_episode.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">next episode</span></a>
       {% else %}
-      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up"></span></a>
+      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
       {% endif %}
     </h3>
   </div>

diff --git a/_includes/navbar.html b/_includes/navbar.html
index 126fe3d0a10a7959d5d3b97780f9c783e65a6cfc..b0a2c3d83055b5105d0175106b01e85027efbd84 100644 (file)
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -68,7 +68,7 @@
       </ul>
       <form class="navbar-form navbar-right" role="search" id="search" onsubmit="google_search(); return false;">
         <div class="form-group">
-          <input type="text" id="google-search" placeholder="Search...">
+          <input type="text" id="google-search" placeholder="Search..." aria-label="Google site search">
         </div>
       </form>
     </div>