From 14bf9dc7009d36c2c6f633a8b59af6a8e0a281b2 Mon Sep 17 00:00:00 2001
From: Joe Mooring <joe.mooring@veriphor.com>
Date: Thu, 13 Feb 2025 11:36:57 -0800
Subject: [PATCH] theme: Add aria-label attribute to search fields

Closes #2899
---
 layouts/partials/layouts/search/button.html  | 1 +
 layouts/partials/layouts/search/results.html | 1 +
 2 files changed, 2 insertions(+)

diff --git a/layouts/partials/layouts/search/button.html b/layouts/partials/layouts/search/button.html
index dd4887be4..2cdbe1bbf 100644
--- a/layouts/partials/layouts/search/button.html
+++ b/layouts/partials/layouts/search/button.html
@@ -10,6 +10,7 @@
     x-data @click="$dispatch('search-toggle')"
   {{ end }}
   type="button"
+  aria-label="Search"
   class="{{ $textColor }} grid cursor-pointer w-full lg:w-56 grid-cols-[auto_1fr_auto] items-center rounded-md px-2 sm:px-4 py-2 text-left text-xs/6 lg:text-sm/6 outline-0 sm:outline-1 -outline-offset-1 outline-gray-600">
   <svg
     class="{{ $fillColor}} pointer-events-none -ml-0.5 mr-2 size-5 sm:size-4">
diff --git a/layouts/partials/layouts/search/results.html b/layouts/partials/layouts/search/results.html
index 6ef519615..c13db00b1 100644
--- a/layouts/partials/layouts/search/results.html
+++ b/layouts/partials/layouts/search/results.html
@@ -31,6 +31,7 @@
                 x-model.debounce.100ms="query"
                 @click="search()"
                 type="search"
+                arial-label="Search"
                 class="text-gray-800 dark:text-gray-100 bg-white/40 dark:bg-gray-900 shadow rounded border-0 p-3 w-full"
                 placeholder="Search docs"
                 x-ref="input" />