Focus Ring Rescuer

Taylor designed a sleek navigation menu with custom styling that removes the default focus outlines because they thought it looked 'cleaner.' However, when their colleague Sam, who uses keyboard navigation due to repetitive strain injury, tried to navigate the site, they couldn't tell which button was currently selected. Sam kept getting lost and couldn't complete basic tasks. Help Taylor add visible focus indicators that maintain the site's aesthetic while ensuring keyboard users like Sam can see exactly where they are!

Add visible focus indicators

• 1.Never remove focus indicators without providing alternatives
• 2.Use high contrast colors for focus outlines
• 3.Consider outline-offset for better visual separation