Election-Tech-Initiative / Election-Tech-Initiative/electionguard-ui
✨ Add ability to view password text when logging in
- Dominant language
- TypeScript
- Stars
- 19
- Forks
- 9
- PR merge metrics
- No merged PRs in 30d
Description
### Is there an existing issue for this?
- [X] I have searched the existing issues
### Suggestion
As either an election admin, guardian, or new user I may need the ability to view the contents of the password field. Because the password is sensitive information, it should remain hidden by default, so I should be presented with an easy-to-access, intuitive, accessible way to switch the state of the text from hidden to visible.
Also
* I should have the ability to switch the text back to hidden from visible, ideally in the same control
* I should not have to know a particular language or word to know what the switch does
* the switch should not take up additional real estate of the form
* the user should be able to tab into the control from within the form, and then tab correctly into the next form element from the control (see [this example](https://ghinda.net/css-toggle-switch/))
* the control should be recognized by JAWS readers [background](https://scottaohara.github.io/a11y_styled_form_controls/src/toggle-button-switch/)
#### hidden

#### visibile

### Possible Implementation
see images above and [codepen example](https://codepen.io/EL_Aziz/pen/OJPxOZj).
### Anything else?
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.