Merge pull request #3023 from cisagov/nl/2907-search-screenreader-output

Issue #2907 - Search Screenreader Output - [NL]
cisagov · Nov 5, 2024 · 0b15c3b · 0b15c3b
2 parents fdcb013 + 051736d
commit 0b15c3b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/registrar/templates/includes/domain_requests_table.html b/src/registrar/templates/includes/domain_requests_table.html
@@ -23,7 +23,7 @@ <h2 id="domain-requests-header" class="display-inline-block">Domain requests</h2
                         </svg>
                         Reset
                     </button>
-                    <label class="usa-sr-only" for="domain-requests__search-field">
+                    <label id="domain-requests__search-label" class="usa-sr-only" for="domain-requests__search-field">
                         {% if portfolio %}
                             Search by domain name or creator
                         {% else %}
@@ -41,7 +41,7 @@ <h2 id="domain-requests-header" class="display-inline-block">Domain requests</h2
                         placeholder="Search by domain name"
                         {% endif %}
                     />
-                    <button class="usa-button" type="submit" id="domain-requests__search-field-submit">
+                    <button class="usa-button" type="submit" id="domain-requests__search-field-submit" aria-labelledby="domain-requests__search-label">
                         <img
                             src="{% static 'img/usa-icons-bg/search--white.svg' %}"
                             class="usa-search__submit-icon"

diff --git a/src/registrar/templates/includes/domains_table.html b/src/registrar/templates/includes/domains_table.html
@@ -23,15 +23,15 @@ <h2 id="domains-header" class="display-inline-block">Domains</h2>
             </svg>
             Reset
           </button>
-          <label class="usa-sr-only" for="domains__search-field">Search by domain name</label>
+          <label id="domains__search-label" class="usa-sr-only" for="domains__search-field">Search by domain name</label>
           <input
             class="usa-input"
             id="domains__search-field"
             type="search"
             name="domains-search"
             placeholder="Search by domain name"
           />
-          <button class="usa-button" type="submit" id="domains__search-field-submit">
+          <button class="usa-button" type="submit" id="domains__search-field-submit" aria-labelledby="domains__search-label">
             <img
               src="{% static 'img/usa-icons-bg/search--white.svg' %}"
               class="usa-search__submit-icon"