fix: set accessible name for search button

also changes the CSS for the text transform
This commit is contained in:
Zoë 2025-05-02 17:32:42 +02:00
parent 85ad3d9225
commit 934a6612f4
Signed by: Moiety
SSH key fingerprint: SHA256:a33gPWMI1GlXwPCLCF/vnQ4zW+Cqb8rS+utrUJEZjqg
2 changed files with 3 additions and 2 deletions

View file

@ -36,6 +36,7 @@ form.index-search-form > button {
position: relative; position: relative;
top: 9px; top: 9px;
right: 0; right: 0;
text-transform: uppercase;
} }
form.index-search-form > button > svg { form.index-search-form > button > svg {

View file

@ -5,8 +5,8 @@
<section class="index-search"> <section class="index-search">
<form class="index-search-form" action="/search" method="post" enctype="multipart/form-data"> <form class="index-search-form" action="/search" method="post" enctype="multipart/form-data">
<input type="text" name="index_search" value="" placeholder="Hi! This is where you search." /> <input type="text" name="index_search" value="" placeholder="Hi! This is where you search." />
<button aria-label="search-button"> <button aria-labelledby="search-label">
<label id="search-label">LOOK FOR IT</label> <span id="search-label">Look for it</span>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="trye"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="trye">
<use href="assets/images/global/icon-search.svg#search" /> <use href="assets/images/global/icon-search.svg#search" />
</svg> </svg>