From f26e0c66faa7e26b29a3122589c9c0e2bd7518fc Mon Sep 17 00:00:00 2001
From: ludelanier <lucas.delanier@etu.uca.fr>
Date: Wed, 15 May 2024 12:58:37 +0200
Subject: [PATCH] accessibility

---
 src/components/HeaderContainer.vue | 2 +-
 src/components/PrimaryButton.vue   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/HeaderContainer.vue b/src/components/HeaderContainer.vue
index 1af1df6..455bfd0 100644
--- a/src/components/HeaderContainer.vue
+++ b/src/components/HeaderContainer.vue
@@ -34,7 +34,7 @@ function copyEmail(event) {
         <div class="flex items-center gap-7">
             <p class="selectable hidden lg:block">Delanierlucas@gmail.com</p>
             <div class="relative parent hidden lg:block">
-              <PrimaryButton text="Copier" @click="copyEmail" role="button"/>
+              <PrimaryButton text="Copier" @click="copyEmail" onkeydown="copyEmail();" role="button"/>
               <Vue3Lottie ref="copyAnimation" :animationData="CopyJson" :height="180" :width="180"
                           class="absolute z-10 pointer-events-none child" :auto-play="false" :loop="false"
                           v-show="display"/>
diff --git a/src/components/PrimaryButton.vue b/src/components/PrimaryButton.vue
index ab8c73e..3213fae 100644
--- a/src/components/PrimaryButton.vue
+++ b/src/components/PrimaryButton.vue
@@ -4,8 +4,8 @@ const props = defineProps({
 })
 </script>
 <template>
-    <div class="px-7 py-1.5 bg-blue rounded-full text-sm font-bold shadow-lg shadow-blue/20 transition-all
+    <button class="px-7 py-1.5 bg-blue rounded-full text-sm font-bold shadow-lg shadow-blue/20 transition-all
     ease-in-out delay-75 text-nowrap duration-150 hover:shadow-none hover:scale-105 cursor-pointer">
         <p>{{ props.text }}</p>
-    </div>
+    </button>
 </template>
\ No newline at end of file