Allow tab to "Show Password" within Login Page

[kevin-vuong99]

Description

If a user is using only the keyboard, they are not able to tab on "Show Password" within the login page.

Impact on users

People who are blind (who cannot use devices such as mice that require eye-hand coordination).
People with low vision (who may have trouble finding or tracking a pointer indicator on screen).
Some people with hand tremors find using a mouse very difficult and therefore usually use a keyboard.

Steps to reproduce

When you start tabbing within the login page, from the top (URL), Focus goes to Username and then password, and then Login, bypassing show Password.

Remediation

Have the "Show Password" keyboard operable by allowing tabbing on the element to be gained.

Image below shows "Show Password" being tabbed over:

Instead of just using the div tag and text, I've added a button since it supports tabbing with a keyboard. I added a CSS id selector and rules to match the previous look of the page. The bold tags for "Show Password" were also moved to the CSS rule block.

[dryrunsecurity]

DryRun Security Summary

The pull request implements password visibility toggle functionality in the login form with UI updates across multiple file types while maintaining security standards.

Expand for full summary

The pull request modifies the login form's password visibility toggle across JavaScript, HTML, and CSS files, introducing minor UI and styling changes. No security vulnerabilities were found in the reviewed files.

Code Analysis

We ran 9 analyzers against 3 files and 1 analyzer had findings. 8 analyzers had no findings.

Analyzer	Findings
Configured Codepaths Analyzer	1 finding

Overall Riskiness

🔴 Risk threshold exceeded.

We've notified @mtesauro, @grendel513.

View PR in the DryRun Dashboard.

[mtesauro]

Approved