From 31d8391cacf545625801a22d09ab5e3bbcf052eb Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Wed, 11 Sep 2024 17:59:14 -0700
Subject: [PATCH] fixing accessibility issues in SearchInput

---
 packages/vue/src/components/SearchInput/SearchInput.vue    | 5 +++--
 packages/vue/src/templates/edu/PageEduHome/PageEduHome.vue | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/vue/src/components/SearchInput/SearchInput.vue b/packages/vue/src/components/SearchInput/SearchInput.vue
index bcb4666a..2efe2e27 100644
--- a/packages/vue/src/components/SearchInput/SearchInput.vue
+++ b/packages/vue/src/components/SearchInput/SearchInput.vue
@@ -73,7 +73,7 @@ onMounted(() => {
       :class="{
         'text-gray-dark': defaultColors,
         'py-1': underlinedInput,
-        'py-3.5 lg:py-6': !underlinedInput
+        'py-3.5 lg:py-5': !underlinedInput
       }"
       type="search"
       aria-label="Query"
@@ -86,7 +86,8 @@ onMounted(() => {
     />
     <button
       v-if="withButton"
-      class="hover:cursor-pointer bg-action p-4 lg:p-5 border border-white"
+      class="z-10 cursor-pointer bg-action p-4 lg:p-5 border border-white"
+      aria-label="Search resources"
       @click="emit('submit')"
     >
       <IconSearch class="relative z-10 text-xl sm:text-2xl lg:text-3xl text-white" />
diff --git a/packages/vue/src/templates/edu/PageEduHome/PageEduHome.vue b/packages/vue/src/templates/edu/PageEduHome/PageEduHome.vue
index b051307d..68fd2b06 100644
--- a/packages/vue/src/templates/edu/PageEduHome/PageEduHome.vue
+++ b/packages/vue/src/templates/edu/PageEduHome/PageEduHome.vue
@@ -101,7 +101,7 @@ const submitSearch = () => {
                   >
                     <BaseLink
                       variant="none"
-                      :to="`/edu/resources?topic=${topic.page?.title}`"
+                      :to="`/edu/resources?query=${topic.page?.title}`"
                       link-class="text-gray-dark whitespace-nowrap text-sm bg-[#99D1DF] font-extrabold rounded-full inline-block px-3 py-1 text-contrast-none hover:bg-action hover:text-white"
                     >
                       {{ topic.page?.title }}