From bf9566fbbf36cbf18a69a8c2bf8cb289564394e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Marseault?=
<22910497+Larsluph@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:21:01 +0100
Subject: [PATCH] fix(accessibility): Add name attributes to login form (#1467)
---
src/components/Core/PasswordField.vue | 2 +-
src/pages/Login.vue | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/Core/PasswordField.vue b/src/components/Core/PasswordField.vue
index 43cb4e4c..ede8f569 100644
--- a/src/components/Core/PasswordField.vue
+++ b/src/components/Core/PasswordField.vue
@@ -17,7 +17,7 @@ const icon = computed(() => (showPassword.value ? 'mdi-eye' : 'mdi-eye-off'))
</script>
<template>
- <v-text-field :type="type" :append-inner-icon="hideIcon ? '' : icon" @click:append-inner="toggleShow">
+ <v-text-field name="password" :type="type" :append-inner-icon="hideIcon ? '' : icon" @click:append-inner="toggleShow">
<template v-slot:prepend v-if="prependIcon">
<v-icon color="accent" :icon="prependIcon" />
</template>
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index be4d6905..99483ec6 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -65,7 +65,7 @@ watchEffect(() => {
<v-card-subtitle>{{ t('login.subtitle') }}</v-card-subtitle>
<v-card-text>
<v-form v-model="rulesOk" @submit.prevent="login">
- <v-text-field v-model="loginForm.username" :label="t('login.username')" autofocus :rules="rules.username" @keydown.enter.prevent="login" variant="outlined">
+ <v-text-field v-model="loginForm.username" name="username" :label="t('login.username')" autofocus :rules="rules.username" @keydown.enter.prevent="login" variant="outlined">
<template v-slot:prepend>
<v-icon color="accent" icon="mdi-account" />
</template>