A focus state shows which item on a webpage is ready to receive keyboard input. It is like a spotlight that marks the next place a person will reach by pressing Tab.

People who navigate without a mouse need to know where they are. A visible outline around a link or button gives them that information before they press Enter.

Do not remove the outline unless a clear replacement is provided. A focus state should stand out against the page and should not be confused with a hover state.