projects/thebadspace
projects/thebadspace
1
0
Fork 0
Code Issues 11 Pull requests 6 Projects Releases 3 Packages Wiki Activity Actions

fix: set accessible name for search button

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/assets/css/front/index.css
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 {

4
resources/views/front/index.blade.php
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>