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

Issue #2907 - Search Screenreader Output - [NL]
This commit is contained in:
CuriousX 2024-11-05 11:58:08 -07:00 committed by GitHub
commit 0b15c3b9db
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 4 additions and 4 deletions

View file

@ -23,7 +23,7 @@
</svg> </svg>
Reset Reset
</button> </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 %} {% if portfolio %}
Search by domain name or creator Search by domain name or creator
{% else %} {% else %}
@ -41,7 +41,7 @@
placeholder="Search by domain name" placeholder="Search by domain name"
{% endif %} {% 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 <img
src="{% static 'img/usa-icons-bg/search--white.svg' %}" src="{% static 'img/usa-icons-bg/search--white.svg' %}"
class="usa-search__submit-icon" class="usa-search__submit-icon"

View file

@ -23,7 +23,7 @@
</svg> </svg>
Reset Reset
</button> </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 <input
class="usa-input" class="usa-input"
id="domains__search-field" id="domains__search-field"
@ -31,7 +31,7 @@
name="domains-search" name="domains-search"
placeholder="Search by domain name" 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 <img
src="{% static 'img/usa-icons-bg/search--white.svg' %}" src="{% static 'img/usa-icons-bg/search--white.svg' %}"
class="usa-search__submit-icon" class="usa-search__submit-icon"