html: Add aria-labels for search bars for accessibility.

Added an attribute which can be read by assistive technology.

Fixes #4996.
This commit is contained in:
Cory Lynch 2017-05-26 22:14:38 -04:00 committed by Tim Abbott
parent 735aa9f2c6
commit 30e54a94f2
2 changed files with 2 additions and 2 deletions

View File

@ -22,7 +22,7 @@
<div id="search_arrows" class="input-append">
<a class="search_icon" href="#search-operators" data-overlay-trigger="search-operators"><i class="icon-vector-search"></i></a>
<input class="search-query input-block-level" id="search_query" type="text" placeholder="{{ _('Search') }}"
autocomplete="off" />
autocomplete="off" aria-label="{{ _('Search') }}"/>
{# Start the button off disabled since there is no active search #}
<button class="btn search_button" type="button" id="search_exit" disabled="disabled"><i class="icon-vector-remove"></i></button>
</div>

View File

@ -12,7 +12,7 @@
<h4 class='sidebar-title' id='userlist-title'>{{ _('USERS') }}</h4>
</div>
<div class="input-append">
<input class="user-list-filter" type="text" placeholder="{{ _('Search people') }}" />
<input class="user-list-filter" type="text" placeholder="{{ _('Search people') }}" aria-label="{{ _('Search people') }}"/>
<button type="button" class="btn clear_search_button" id="clear_search_people_button" disabled="disabled">
<i class="icon-vector-remove"></i>
</button>