Tabs: Two focusable steps on each tab with VoiceOver #5046
Description
Which generators are affected?
- All
- HTML
- React
- Angular
- Vue
- Web components
- Power Apps
Reproduction case
- Open https://design-system.deutschebahn.com/core-web/version/v3.1.3/components/data-display/tabs/overview
- Navigate through the tabs
- You'll notice that VoiceOver first focuses on the label and then on the included text. This creates an unnecessary extended navigation path.
Expected Behaviour
The user should only focus the tab once with VoiceOver.
Screenshots
Browser version
Safari
Add any other context about the problem here.
No response
Which DB business unit do you work for?
DB Systel GmbH (please name your customer below)
”DB Systel” please enter your customer / ”other” please enter your area or business unit.
DB UX Design System
What project are you working on?
DB UX Design System