Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixes aria issues on search form #2211

Merged
merged 5 commits into from
Jul 17, 2019
+28 −13
Merged

Fixes aria issues on search form #2211

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
fd126a3
Fixes aria issues on search form
geometricpanda Jul 14, 2019
d6ef3b5
Swapping aria-label for <label> tag in search
geometricpanda Jul 15, 2019
931cd4b
removing background gray caused by adding <form> tag to search
geometricpanda Jul 15, 2019
065d903
removing redundant space
geometricpanda Jul 15, 2019
8349859
making form not submit if key is enter
geometricpanda Jul 15, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Swapping aria-label for <label> tag in search
@geometricpanda
geometricpanda committed Jul 15, 2019
commit d6ef3b594013940cef13b0af64ba7239101700fd
12 changes: 10 additions & 2 deletions _includes/search/search_form.html
View file
Original file line number Diff line number Diff line change
@@ -2,11 +2,19 @@
{%- assign search_provider = site.search_provider | default: "lunr" -%}
{%- case search_provider -%}
{%- when "lunr" -%}
<input type="search" id="search" aria-label="{{ site.data.ui-text[site.locale].search_label_text | default: 'Enter your search term...' }}" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
<form>
<label class="sr-only" for="search">
{{ site.data.ui-text[site.locale].search_label_text | default: 'Enter your search term...' }}
</label>
<input type="search" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
</form>
<div id="results" class="results"></div>
{%- when "google" -%}
<form onsubmit="return googleCustomSearchExecute();" id="cse-search-box-form-id">
<input type="search" id="cse-search-input-box-id" aria-label="{{ site.data.ui-text[site.locale].search_label_text | default: 'Enter your search term...' }}" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
<label class="sr-only" for="cse-search-input-box-id">
{{ site.data.ui-text[site.locale].search_label_text | default: 'Enter your search term...' }}
</label>
<input type="search" id="cse-search-input-box-id" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
</form>
<div id="results" class="results">
<gcse:searchresults-only></gcse:searchresults-only>