From 4dafad447dd70a478c9fb40934813c2fb0fe130f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zo=C3=AB?= <code@moiety.me>
Date: Fri, 2 May 2025 17:32:42 +0200
Subject: [PATCH] fix: set accessible name for search button

also changes the CSS for the text transform
---
 public/assets/css/front/index.css     | 1 +
 resources/views/front/index.blade.php | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/assets/css/front/index.css b/public/assets/css/front/index.css
index e5c2d20..36b1194 100644
--- a/public/assets/css/front/index.css
+++ b/public/assets/css/front/index.css
@@ -36,6 +36,7 @@ form.index-search-form > button {
   position: relative;
   top: 9px;
   right: 0;
+  text-transform: uppercase;
 }
 
 form.index-search-form > button > svg {
diff --git a/resources/views/front/index.blade.php b/resources/views/front/index.blade.php
index f63c242..13d5d34 100644
--- a/resources/views/front/index.blade.php
+++ b/resources/views/front/index.blade.php
@@ -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>