Disabled Nav Item is selectable

[TOberpaul]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

On the website https://design-system.deutschebahn.com/ is a disabled menu item "documentation". It's accessible by using the keyboard navigation.

Expected Behaviour

The disabled Menu Item shouldn't be usable.

Screenshots

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

None

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

No response

[mfranzke]

I assume that we're incorrectly using the aria-disabled-HTML-attribute on the navigation item, which is supposed to be used for interactive or structural elements, but most likely not meant for list-items:
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-disabled