Bug 1874564: QuickSearch inputs need labels (#131)

bugzilla · May 14, 2024 · 9da2acd · 9da2acd
1 parent 1351e2c
commit 9da2acd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/template/en/default/global/header.html.tmpl b/template/en/default/global/header.html.tmpl
@@ -301,7 +301,7 @@
         <input role="searchbox" id="quicksearch_top" class="dropdown-button" name="quicksearch" autocomplete="off"
                value="[% quicksearch FILTER html %]" placeholder="Search [% terms.Bugs %]"
                title="Enter a [% terms.bug %] number or some search terms" aria-controls="header-search-dropdown"
-               aria-label="Quick Search">
+               aria-labelledby="header-search-label">
         [% PROCESS "global/header-search-dropdown.html.tmpl" %]
       </section>
     </form>

diff --git a/template/en/default/index.html.tmpl b/template/en/default/index.html.tmpl
@@ -86,6 +86,7 @@
           <div>
             <input id="quicksearch_main" type="text" name="quicksearch" autofocus
               placeholder="Enter [% terms.abug %] number or some search terms"
+              aria-labelledby="find"
               title="Quick Search">
             <input id="find" type="submit" value="Quick Search">
             <ul class="additional_links" id="quicksearch_links">

diff --git a/template/en/default/pages/quicksearch.html.tmpl b/template/en/default/pages/quicksearch.html.tmpl
@@ -32,7 +32,7 @@
 
 <form name="f" action="[% basepath FILTER none %]buglist.cgi" method="get"
       class='quicksearch_check_empty' data-no-csrf>
-  <input type="text" size="40" name="quicksearch">
+  <input type="text" size="40" name="quicksearch" aria-labelledby="find">
   <input type="submit" value="Search" id="find">
 </form>