fix(number-field): add aria-valuetext to prevent VO announce %

Refinitiv · Jul 27, 2023 · 1f0eb91 · 1f0eb91
1 parent 48796fb
commit 1f0eb91
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/elements/src/number-field/index.ts b/packages/elements/src/number-field/index.ts
@@ -864,6 +864,7 @@ export class NumberField extends FormFieldElement {
    * inputmode="decimal" - show decimals keyboard by default
    * role="spinbutton" - number field is actually a spinner
    * aria-valuenow - current value or 0
+   * aria-valuetext - current value or 0, need this to improve user-friendly and human-understandable when screen reader announce value
    * @keydown - Listener for `keydown` event. Runs `this.onInputKeyDown`
    * @beforeinput - Listener for `beforeinput` event. Runs `this.onBeforeInputChange`
    * @returns template map
@@ -876,6 +877,7 @@ export class NumberField extends FormFieldElement {
       inputmode: 'decimal',
       role: 'spinbutton',
       'aria-valuenow': `${this.value || 0}`,
+      'aria-valuetext': `${this.value || 0}`,
       '@keydown': this.onInputKeyDown,
       '@beforeinput': this.onBeforeInputChange
     };