fluentui icon indicating copy to clipboard operation
fluentui copied to clipboard

[Bug]: Field doesn't announce validation message when using Narrator and navigating via keyboard

Open WillHavelin opened this issue 1 year ago • 2 comments
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

  1. Turn on Narrator (or another screen reader software)
  2. 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.

WillHavelin avatar Oct 02 '24 22:10 WillHavelin