Provide logical and visible focus indication ✎

Interactive elements should, under most circumstances, be focusable in the order that they appear in the source code. This helps people who are using the keyboard or alternative input devices to follow focus in a logical order.

All interactive elements should indicate when they’re focused so that users know which element they are currently interacting with. This is where focus styles come into play.

If an active element is intended to be unavailable in a particular state and it’s hidden from view, it should not be able to receive focus.