Commit 16b70a45 by Mark Sadecki

adds an accessible label to the search input and the search button

parent aa128145
...@@ -39,9 +39,11 @@ from microsite_configuration import microsite ...@@ -39,9 +39,11 @@ from microsite_configuration import microsite
% if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'): % if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
<div class="course-search"> <div class="course-search">
<form method="get" action="/courses"> <form method="get" action="/courses">
<label><span class="sr">${_("Search for a course")}</span>
<input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input> <input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input>
</label>
<button class="search-button" type="submit"> <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> </button>
</form> </form>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment