Show/Hide Password using Eye Icon on the login page

[philip]

Dear all, in one of the UATs CHWs have reccomended enabling of the password eye icon on the password field to enable them determine they are making the right input. This is moreso because the phone screen is small,length and complexity of password as well as other factors like visual challenges. I would love to hear if anyone has tried this on CHT based apps or has a solution to the same. See screenshot below

[michael]

Thanks @philip … Couple questions for you:

In production…

1. …will these users see the Log out option* once they log in the first time?
2. …will users be logging in with username/passwords or will they be using Magic Links?

*This is controlled by the can_log_out_on_android permission

[philip]

Thanks @Michael for the questions. See responses below

1. Users will not see the LOG OUT button once they login in for the first time.This is to ensure they are not locked out incase they have logged out but can’t access connectivity at the time of trying to access the app
2. Login mode- password.

[derick]

@philip this is a great use case for using magic links. However, this would need setting up a mobile gateway (either phone or aggregator).

Once caveat is that the use magic links is currently broken from Android 12

[Nicole_Orlowski]

+1 on having the show password functionality as an accessibility best practice. Is this a quick win possibility @Jennifer_Quesada?

[gareth]

I think this is a quick win. The solution is simply to change the type of the input from password to text. You need a little visual styling to get the “reveal” icon to look right but it should be easy enough.

[Jennifer_Quesada]

I’ve created a ticket for tracking. cc: @michael

[hulkk]

I believe implementing a password eye icon for easier login verification on CHT-based apps is a thoughtful suggestion, especially considering small screens and potential visual challenges. However, the feasibility of this feature largely depends on the app’s design and functionality. While it might not have a ready-made solution, the app’s developers or moderators could explore this idea further. It’s worth discussing with them to enhance user experience and accessibility. Collaboration between users and app creators can lead to valuable improvements.

[diana]

I believe this has already been worked on as is available from 4.3.0 onwards: Show password when clicking on the eye icon · Issue #8311 · medic/cht-core · GitHub