accessibility

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"/>

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>