feat: add tooltip and aria-label

src/i18n/lang/en.json

@@ -52,7 +52,9 @@
       "logout": "Logout",
       "emailInvalid": "Please enter a valid email address.",
       "usernameRequired": "Please provide a username.",
-      "passwordRequired": "Please provide a password."
+      "passwordRequired": "Please provide a password.",
+      "showPassword": "Show the password",
+      "hidePassword": "Hide the password"
     },
     "settings": {
       "title": "Settings",

src/views/user/Login.vue

@@ -53,7 +53,11 @@
 						tabindex="2"
 						@focusout="validateField('password')"
 					/>
-					<a @click="togglePasswordFieldType" class="password-field-type-toggle">
+					<a
+						@click="togglePasswordFieldType"
+						class="password-field-type-toggle"
+						aria-label="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')"
+						v-tooltip="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')">
 						<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'"/>
 					</a>
 				</div>

src/views/user/Register.vue

@@ -59,7 +59,11 @@
 						@keyup.enter="submit"
 						@focusout="validatePassword"
 					/>
-					<a @click="togglePasswordFieldType" class="password-field-type-toggle">
+					<a
+						@click="togglePasswordFieldType" 
+						class="password-field-type-toggle"
+						aria-label="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')"
+						v-tooltip="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')">
 						<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'"/>
 					</a>
 				</div>