fluentui
fluentui copied to clipboard
[Bug]: Field doesn't announce validation message when using Narrator and navigating via keyboard
trafficstars
Component
Field
Package version
9.54.17
React version
18.3.1
Environment
This is from the StackBlitz for the reproduction
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
npmPackages:
@fluentui/react-components: ^9.0.0 => 9.54.17
@fluentui/react-icons: latest => 2.0.260
@types/react: ^17 => 17.0.83
@types/react-dom: ^17 => 17.0.25
react: ^18 => 18.3.1
react-dom: ^18 => 18.3.1
Current Behavior
When using Narrator and tabbing (or shift tabbing) to Field components with validation messages the validation messages are not announced (with error validationState it will say invalid, but not the actual error message)
Expected Behavior
I would expect the screen reader to announce the validation message, especially for warnings or errors. Otherwise, a user who is using a screen reader will not be able to easily understand what is invalid about the current input in the field.
Reproduction
https://stackblitz.com/edit/9fjocv?file=src%2Fexample.tsx
Steps to reproduce
- Turn on Narrator (or another screen reader software)
- Tab and shift tab through the fields
Are you reporting an Accessibility issue?
yes
Suggested severity
High - No workaround
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] The provided reproduction is a minimal reproducible example of the bug.