Skip to content

Commit

Permalink
Update header search button to be more specific
Browse files Browse the repository at this point in the history
Having the heading search button labelled "Search" clashed with a lot of the
finders, which also had a button labelled "Search" on it. This is beause screen
readers can collate and read out form fields, so having duplicate submit button
text could lead to confusion. Changing this to "Search GOV.UK" makes the intent
of this form clearer.
  • Loading branch information
injms committed Mar 9, 2021
1 parent 4bae69c commit f252a07
Showing 1 changed file with 12 additions and 3 deletions.
Original file line number Diff line number Diff line change
@@ -1,8 +1,17 @@
<button class="search-toggle js-header-toggle" data-search-toggle-for="search">Show search</button>
<form id="search" class="gem-c-layout-header__search-form govuk-clearfix" action="/search" method="get" role="search">
<button class="search-toggle js-header-toggle" data-search-toggle-for="search">
Show search
</button>
<form
action="/search"
class="gem-c-layout-header__search-form govuk-clearfix"
id="search"
method="get"
role="search"
>
<%= render "govuk_publishing_components/components/search", {
button_text: "Search GOV.UK",
id: "site-search-text",
margin_bottom: 0,
no_border: true,
margin_bottom: 0
} %>
</form>

0 comments on commit f252a07

Please sign in to comment.