[Bug] [Accessibility]: TextField component contrast issue with eye Icon in Dark, Aquatic and Desert theme, also non-accessible via keyboard or voice command.

[ebenshoshan]

Package

react

Package version

8.115.6

React version

17.0.2

Environment

Didn't work. Issue is also on fluent ui webpage:
https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield:~:text=Password%20with%20reveal%20button

Current Behavior

1. Contrast issues and visibility issues in Desert, Aquatic and Dark themes.
2. Not accessible through keyboard actions or voice command to enable/disable the show/hidden features through eye icon button
3. When focus is lost on textfield component, the icon disappears and can't show/hide the text anymore besides by erasing the whole password and then the option shows itself again when clean.

1:

3: (See that icon is no longer present in 'after' picture)
Before -

After -

Expected Behavior

The eye icon should maintain accessibility standards to solve all of the issues above.

1. The icon should be visible and have good contrast in all supported themes.
2. The icon should be accessible through keyboard and voice commands.
3. The icon shouldn't disappear when losing focus on the textfield component

Reproduction

https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield#feedback:~:text=Password%20with%20reveal%20button

Steps to reproduce

1. Go to link.

2. Enable dark/aquatic/desert mode themes and see that button isn't visible in at least 1 of the 2 modes.

3. Go to link.

4. Try to access the eye icon through keyboard or voice command and see it isn't possible.

5. Go to link.

6. Enter password.

7. Focus on other element in page.

8. Return focus to element and see that eye icon has disappeared.

Are you reporting an Accessibility issue?

yes

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.