Problem
Currently buttons and links rely on browser-defined focus-visible styles, while overriding the default box-shadow strategy used by Tailwind (it calls them "rings").
As a result, for keyboard users, the visual indicator of focus can vary as the focus is advanced through a page that may contain nav menu links, prose links, buttons, and typed form fields.
Solution
Create a single visual focus style that is consistent and recognizable across the page.
Problem
Currently buttons and links rely on browser-defined
focus-visiblestyles, while overriding the default box-shadow strategy used by Tailwind (it calls them "rings").As a result, for keyboard users, the visual indicator of focus can vary as the focus is advanced through a page that may contain nav menu links, prose links, buttons, and typed form fields.
Solution
Create a single visual focus style that is consistent and recognizable across the page.