Focus on the Search or Help icon (focus missing/not clear)
Issue:
Visible focus: Components must provide a visible indication when they have the input focus
Why it matters:
Keyboard users need to know which component currently has the input focus so they can predict the results of their key presses. By default, web browsers indicate focus visually, but custom programming, styling, and scripting can disrupt it.
How to fix:
The fix for no visible focus depends on its cause.
If styling hides the focus indicator, remove the styling so the browser's default focus indicator is visible.
If styling makes the focus indicator difficult to see, modify the styling so the focus rectangle has a contrast ratio at least as high as the default browser focus indicator.
If scripting removes focus from an element after it is received, modify the script so the element retains focus until the user moves it.
Search and Help have insufficient focus states
Steps to replicate:
Issue: Visible focus: Components must provide a visible indication when they have the input focus
Why it matters: Keyboard users need to know which component currently has the input focus so they can predict the results of their key presses. By default, web browsers indicate focus visually, but custom programming, styling, and scripting can disrupt it.
How to fix: The fix for no visible focus depends on its cause.
W3 reference: https://www.w3.org/WAI/WCAG22/Understanding/focus-visible.html