From 32989714594383c3ae36063400e55d106d2fbe28 Mon Sep 17 00:00:00 2001
From: Davorin Sego <davorin.sego@gmail.com>
Date: Wed, 4 Feb 2015 10:45:25 +0100
Subject: [PATCH] Search form accessibility

---
 lms/templates/courseware/courseware.html | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/lms/templates/courseware/courseware.html b/lms/templates/courseware/courseware.html
index e62c531379..b11ffb1d54 100644
--- a/lms/templates/courseware/courseware.html
+++ b/lms/templates/courseware/courseware.html
@@ -208,11 +208,16 @@ ${fragment.foot_html()}
       </header>
 
       % if settings.FEATURES.get('ENABLE_COURSEWARE_SEARCH'):
-        <div id="courseware-search-bar" class="courseware-search-bar">
-          <form role="search-form">
-            <input type="text" class="search-field"/>
-            <button type="submit" class="search-button" aria-label="${_('Search')}">${_('search')} <i class="icon fa fa-search"></i></button>
-            <button type="button" class="cancel-button" aria-label="${_('Cancel')}"><i class="icon fa fa-remove"></i></button>
+        <div id="courseware-search-bar" class="courseware-search-bar" role="search" aria-label="Course">
+          <form>
+            <label for="course-search-input" class="sr">${_('Course Search')}</label>
+            <input id="course-search-input" type="text" class="search-field"/>
+            <button type="submit" class="search-button">
+              ${_('search')} <i class="icon fa fa-search" aria-hidden="true"></i>
+            </button>
+            <button type="button" class="cancel-button" aria-label="${_('Clear search')}">
+              <i class="icon fa fa-remove" aria-hidden="true"></i>
+            </button>
           </form>
         </div>
       % endif