nuxt
diff --git a/‎src/runtime/components/AuthForm.vue‎
Lines changed: 3 additions & 1 deletion b/‎src/runtime/components/AuthForm.vue‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎test/components/AuthForm.spec.ts‎
Lines changed: 1 addition & 7 deletions b/‎test/components/AuthForm.spec.ts‎
Lines changed: 1 addition & 7 deletions
@@ -150,6 +150,7 @@ const appConfig = useAppConfig() as AuthForm['AppConfig']
 
 const formRef = useTemplateRef('formRef')
 const passwordVisibility = ref(false)
+const passwordRef = useTemplateRef('passwordRef')
 
 // eslint-disable-next-line vue/no-dupe-keys
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.authForm || {}) })())
@@ -274,6 +275,7 @@ function omitFieldProps(field: F) {
             />
             <UInput
               v-else-if="field.type === 'password'"
+              ref="passwordRef"
               v-model="state[field.name]"
               :class="ui.password({ class: props.ui?.password })"
               v-bind="(omitFieldProps(field) as AuthFormInputField<'password'>)"
@@ -287,7 +289,7 @@ function omitFieldProps(field: F) {
                   :icon="passwordVisibility ? appConfig.ui.icons.eyeOff : appConfig.ui.icons.eye"
                   :aria-label="passwordVisibility ? t('authForm.hidePassword') : t('authForm.showPassword')"
                   :aria-pressed="passwordVisibility"
-                  aria-controls="password"
+                  :aria-controls="passwordRef?.[0]?.inputRef?.id"
                   @click="passwordVisibility = !passwordVisibility"
                 />
               </template>
 
@@ -57,15 +57,9 @@ describe('AuthForm', () => {
         providers: [{ label: 'Google', icon: 'i-simple-icons-google' }],
         separator: 'or',
         submit: { label: 'Submit' }
-
       }
     })
 
-    expect(await axe(wrapper.element, {
-      rules: {
-        // The passwordVisibility button has an invalid aria-controls value - it need to point to the id of the password input not its name.
-        'aria-valid-attr-value': { enabled: false }
-      }
-    })).toHaveNoViolations()
+    expect(await axe(wrapper.element)).toHaveNoViolations()
   })
 })