Election-Tech-Initiative / Election-Tech-Initiative/electionguard-ui

✨ Add ability to view password text when logging in

Open
#110 1 comment 0 reactions 0 assignees View on GitHub
enhancement good first issue triage
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
Screen Shot 2022-01-18 at 3 39 39 PM

#### visibile
Screen Shot 2022-01-18 at 3 39 30 PM

### Possible Implementation

see images above and [codepen example](https://codepen.io/EL_Aziz/pen/OJPxOZj).

### Anything else?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.