mirror of https://github.com/zulip/zulip.git
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:
parent
735aa9f2c6
commit
30e54a94f2
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue