Password input

Accessibility

In order to guarantee the component accessibility, please make sure to respect the following rules when integrating the component into your pages:

Always use a role="switch" attribute on the .mc-password-input__button element.

Always use an aria-pressed attribute on the .mc-password-input__button element, and dynamically change its value from false to true and vice versa depending on the state of the button.


<button
type="button"
class="mc-password-input__button"
role="switch"
aria-pressed="false"
>
Show
</button>