diff --git a/packages/main/src/Input.hbs b/packages/main/src/Input.hbs index 97813b3d3212..bce64318d074 100644 --- a/packages/main/src/Input.hbs +++ b/packages/main/src/Input.hbs @@ -53,7 +53,7 @@ {{/if}} {{#if hasValueState}} - {{valueStateText}} + {{ariaValueStateHiddenText}} {{/if}} diff --git a/packages/main/src/Input.js b/packages/main/src/Input.js index 327545427801..e427f8ffdfe1 100644 --- a/packages/main/src/Input.js +++ b/packages/main/src/Input.js @@ -1018,6 +1018,18 @@ class Input extends UI5Element { }; } + get ariaValueStateHiddenText() { + if (!this.hasValueStateMessage) { + return; + } + + if (this.shouldDisplayDefaultValueStateMessage) { + return this.valueStateText; + } + + return this.valueStateMessageText.map(el => el.textContent).join(" "); + } + get itemSelectionAnnounce() { return this.Suggestions ? this.Suggestions.itemSelectionAnnounce : undefined; }