Skip to content

[Bug]: [Popover] Modalizer must have either aria-label or aria-labelledby  #26534

@flora8984461

Description

@flora8984461

Library

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

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (16) x64 AMD Ryzen 7 5800X 8-Core Processor
    Memory: 17.96 GB / 31.91 GB
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (102.0.1245.41)
    Internet Explorer: 11.0.19041.1566

Are you reporting Accessibility issue?

yes

Reproduction

https://codesandbox.io/s/bold-neco-fuin5l

Bug Description

Actual Behavior

When open the popover, I get console log of this warning.

image

It can be fixed by adding aria-label / aria-labelledby to popover surface. But still wondering if this is an accessibility issue.

Expected Behavior

Expect to not have this warning;

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions