Skip to content

Commit 7e877a5

Browse files
committed
fix accessibility of login page
1 parent cfb4d86 commit 7e877a5

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

app/login/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,21 +91,21 @@ const Login = () => {
9191
className='mb-5 p-2 w-full border focus:outline-none focus:border-moderate-blue rounded-md'
9292
type={`${showPassword ? 'text' : 'password'}`} placeholder='xxxxxxxx'
9393
/>
94-
<button type='button' tabIndex={-1} onClick={() => setShowPassword((showPassword) => !showPassword)}>
94+
<button type='button' aria-label='toggle password' tabIndex={-1} onClick={() => setShowPassword((showPassword) => !showPassword)}>
9595
<i className={`fas fa-eye${showPassword ? '-slash' : ''} absolute right-2 top-3`} />
9696
</button>
9797
</div>
9898

9999
<p className='mb-5 text-right text-sm'>
100-
Forgot your password? <Link href='/forgot-password' className='text-moderate-blue'>Reset</Link>
100+
Forgot your password? <Link href='/forgot-password' className='text-moderate-blue underline'>Reset</Link>
101101
</p>
102102

103103
<button disabled={loading} className='bg-moderate-blue outline focus:outline-4 hover:outline-outline-color focus:outline-outline-color uppercase font-medium text-white py-2 rounded-md'>
104104
{loading ? <i className='fas fa-spinner fa-spin' /> : 'Login'}
105105
</button>
106106

107107
<p className='mt-5 text-center'>
108-
Don&apos;t have an account? <Link href='/register' className='text-moderate-blue'>Register</Link>
108+
Don&apos;t have an account? <Link href='/register' className='text-moderate-blue underline'>Register</Link>
109109
</p>
110110

111111
</form>

0 commit comments

Comments
 (0)