From b79b8c8cb448df15014c77970afc5e6313c264d6 Mon Sep 17 00:00:00 2001
From: ndrooo <git@ndr.ooo>
Date: Fri, 9 Aug 2024 10:52:57 -0400
Subject: [PATCH] Use a `<button>` for search

---
 quartz/components/Search.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/quartz/components/Search.tsx b/quartz/components/Search.tsx
index 01e5a353d..e00a0263e 100644
--- a/quartz/components/Search.tsx
+++ b/quartz/components/Search.tsx
@@ -18,19 +18,16 @@ export default ((userOpts?: Partial<SearchOptions>) => {
     const opts = { ...defaultOptions, ...userOpts }
     const searchPlaceholder = i18n(cfg.locale).components.search.searchBarPlaceholder
     return (
-      <div class={classNames(displayClass, "search")}>
+      <button class={classNames(displayClass, "search")}>
         <div id="search-icon">
           <p>{i18n(cfg.locale).components.search.title}</p>
           <div></div>
           <svg
-            tabIndex={0}
-            aria-labelledby="title desc"
             role="img"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 19.9 19.7"
           >
-            <title id="title">Search</title>
-            <desc id="desc">Search</desc>
+            <title>Search</title>
             <g class="search-path" fill="none">
               <path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4" />
               <circle cx="8" cy="8" r="7" />
@@ -50,7 +47,7 @@ export default ((userOpts?: Partial<SearchOptions>) => {
             <div id="search-layout" data-preview={opts.enablePreview}></div>
           </div>
         </div>
-      </div>
+      </button>
     )
   }