epam / epam/UUI

[NumericInput]: The value in the numeric input field is identified by screen readers as an "invalid entry"

Open
#2,377 2 comments 0 reactions 0 assignees View on GitHub
A11y bug
Dominant language
TypeScript
Stars
247
Forks
78
Avg merge
14h 27m
Merged PRs (30d)
15

Description

## Case №1

### Description
The value in the numeric input field is identified by screen readers as an "invalid entry"

### Precondition
The Screen Reader is turned ON.

### Steps to Reproduce

1. Open Numericinput component.
2. Pass `formatOptions` prop (e.g. `formatOptions={ { maximumFractionDigits: 2 } }`)
3. Use the Tab key to navigate to the input and note the announcement.

### Actual Result
![numeric input-1](https://github.com/epam/UUI/assets/70166849/1fcf6a7a-1469-4773-9f12-1c30c67bafb7)

The value in numeric input field is identified as "invalid entry"

### Expected Result
It should not be identified as "invalid", because the value is valid.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.