show-password

Ensures that the password input field must have the option to show the password.

Description

Password entry fields on a website should include an option to reveal characters as they are typed. This feature is particularly beneficial for users with cognitive challenges, as it increases the likelihood of entering the password correctly on the first attempt. Implementing this feature is crucial for enhancing the accessibility of your website’s authentication process.

Having the option to show passwords also improves the login experience of your websites by reducing user frustration due to mistyped passwords.

Example

Consider the following login page in which there is no option for the user to view the password while typing it:

In contrast, the following login page fixes this issue by adding a ‘show password’ toggle.

How to fix?

• Add a ‘show password’ toggle next to the password field.

Reference

• WCAG 3.3.8: Accessible Authentication