1
0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-05-06 14:41:02 -05:00

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 d165d0c2bd
commit 4dafad447d
No known key found for this signature in database
GPG Key ID: B4CA6F5B4034F028
2 changed files with 3 additions and 2 deletions

View File

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

View File

@ -5,8 +5,8 @@
<section class="index-search">
<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." />
<button aria-label="search-button">
<label id="search-label">LOOK FOR IT</label>
<button aria-labelledby="search-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">
<use href="assets/images/global/icon-search.svg#search" />
</svg>