Commit 94ef967b authored by evanwill's avatar evanwill
Browse files

accessibility fixes. 

Add label to search box and navigation arrows.
parent f0a94758

_includes/episode_navbar.html

+4 −5
Original line number Diff line number Diff line 
{% 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>

_includes/navbar.html

+1 −1
Original line number Diff line number Diff line
@@ -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>