<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M74D8PB" height="0" width="0" style="display:none;visibility:hidden">
Loading
Skip to NavigationSkip to Main Content

Enable Focus on the Password Field Eye Icon in the Okta Sign-In Widget

Administration
Okta Identity Engine

Overview

Upgrading to the third-generation Okta Sign-In Widget resolves an accessibility issue where the password field eye icon cannot be focused on using the Tab key. The third-generation widget includes accessibility enhancements that allow keyboard navigation to the show and hide password toggle. The following image displays the show and hide password toggle in the Okta Sign-In Widget.

 

Show/hide the password

Applies To

  • Okta Identity Engine (OIE)
  • Sign-In Widget
  • Accessibility

Solution

How is the third-generation Sign-In Widget enabled?

Enable the third-generation Sign-In Widget by navigating to the Brands section of the Admin Console and updating the widget version settings.

  1. In the Admin Console, go to Customizations > Brands.
    Customizations
  2. Select a brand.
    Example
  3. Go to the Pages tab, and then click Edit or Configure for the Sign-In page.
    Pages
  4. Click the Settings tab.
    Settings
  5. In the Sign-In Widget version section, click Edit.
    Sign in widget
  6. Click the Use Third Generation toggle to activate it.
    Third generation
  7. Click Save to draft.
    Sign in widget
  8. Click Publish.
    Sign in page

NOTE: Customizations from the second-generation Sign-In Widget do not transfer to the third generation. To recreate them, see Style the Sign-In Widget (third generation).

Related References

Loading
Okta Support - Enable Focus on the Password Field Eye Icon in the Okta Sign-In Widget