microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.51k stars 2.73k forks source link

[Bug]: Dropdown doesn't add accessible name to listbox #29384

Closed RamyRafik closed 7 months ago

RamyRafik commented 1 year ago

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (20) x64 Intel(R) Xeon(R) W-2255 CPU @ 3.70GHz
    Memory: 32.54 GB / 63.69 GB
  Browsers:
    Edge: Spartan (44.22621.2283.0), Chromium (117.0.2045.35)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

yes

Reproduction

https://codesandbox.io/s/ngllrm?file=/example.tsx

Bug Description

Actual Behavior

Although Dropdown has an aria-labeledby prop, it's only applied to the Button w/ role="combobox", but not the Div w/ role=listbox

image

Expected Behavior

An Element w/ role=listbox should have an Accessible Name. https://accessibilityinsights.io/info-examples/web/aria-input-field-name/

Logs

No response

Requested priority

High

Products/sites affected

Microsoft Dynamics 365

Are you willing to submit a PR to fix?

no

Validations

microsoft-github-policy-service[bot] commented 7 months ago

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.