Skip to content

E
edx-platform
Commit e5fd2888 by Mark Sadecki
Options

Merge pull request #10514 from edx/cptvitamin/AC-222 

adds an accessible label to the search input and the search button
parents b5718289 16b70a45
Showing with 4 additions and 2 deletions
lms/templates/index.html
...@@ -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">
<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"> <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