Steps to replicate the issue
- Open the Card component's demo page in Safari
- Tab through the page elements trying to reach the "With link" card demo elements
What happens?:
The card "With link" is skipped. The tab flow takes you from the "Show code" button from the previous example ("Default" card) to the "Show code" button of the "With link" card demo.
What should have happened instead?:
The "With link" card component should receive focus via tab.
Other information:
Issue found in Firefox v104 and Firefox Nightly v106 on macOS Monterey.
⚠️ When VoiceOver (built-in macOS screen reader) is enabled, the issue cannot be reproduced: card is reachable via tab flow in Firefox.
Screen recording capturing the issue:
