From 16b70a45b8ca0d324bd7aedba88b3c10a315233e Mon Sep 17 00:00:00 2001
From: Mark Sadecki <mark@sadecki.com>
Date: Wed, 4 Nov 2015 18:09:55 -0500
Subject: [PATCH] adds an accessible label to the search input and the search
 button

---
 lms/templates/index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/lms/templates/index.html b/lms/templates/index.html
index a50038f253..8fc76a4c59 100644
--- a/lms/templates/index.html
+++ b/lms/templates/index.html
@@ -39,9 +39,11 @@ from microsite_configuration import microsite
         % if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
           <div class="course-search">
             <form method="get" action="/courses">
-              <input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input>
+              <label><span class="sr">${_("Search for a course")}</span>
+                <input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input>
+              </label>
               <button class="search-button" type="submit">
-                <i class="icon fa fa-search" aria-hidden="true"></i>
+                <i class="icon fa fa-search" aria-hidden="true"></i><span class="sr">${_("Search")}</span>
               </button>
             </form>
           </div>