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

This commit is contained in:
Mark Sadecki
2015-11-04 18:09:55 -05:00
parent aa1281456f
commit 16b70a45b8

View File

@@ -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>