fix(accessibility): Add name attributes to login form (#1467)

This commit is contained in:
Rémi Marseault 2024-01-17 14:21:01 +01:00 committed by GitHub
parent 1ec8ae67e5
commit bf9566fbbf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions

View file

@ -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>

View file

@ -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>