Changing language with aria-labels not correctly applied to elements #5495
Description
Which generators are affected?
- All
- HTML
- React
- Angular
- Vue
- Web components
- Power Apps
Reproduction case
When setting an aria-label on a db-switch element, the label is incorrectly set when the language is changed via Angular languageService.
Following example:
<db-switch aria-label="{{'TEST_LABEL' | translate}}">
</db-switch>
With these language strings:
DE "TEST_LABEL": "Deutscher Text"
EN "TEST_LABEL": "English text"
The element is first rendered like this if we have DE as the default language:
If we switch now to EN, the aria-label is also present in the host db-switch element, causing the screenreader to read out the label twice and in different translations
Expected Behaviour
The aria-label attribute should not be set to the host element if the language is switched.
Screenshots
No response
Browser version
Chrome
Add any other context about the problem here.
I have not tested if this also happens with other db-ux elements or affects other attributes like aria-description.
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 InfraGO AG
What project are you working on?
EBuLa Rückfallebene (IRE)