Skip to content

[docs] Add accessibility guidance for Popper, Popover, and Portal#48608

Open
srikarphanikumar wants to merge 1 commit into
mui:masterfrom
srikarphanikumar:docs/add-accessibility-sections
Open

[docs] Add accessibility guidance for Popper, Popover, and Portal#48608
srikarphanikumar wants to merge 1 commit into
mui:masterfrom
srikarphanikumar:docs/add-accessibility-sections

Conversation

@srikarphanikumar

Copy link
Copy Markdown

Addresses part of #20600.

This PR adds accessibility guidance to three overlay/positioning utility pages:

  • Popper
  • Popover
  • Portal

These sections clarify that these utilities do not add roles, focus management, or keyboard behavior by themselves, and point users to the relevant WAI-ARIA patterns or MUI components.

Verification:

  • grep -n "^## Accessibility$" docs/data/material/components/popper/popper.md docs/data/material/components/popover/popover.md docs/data/material/components/portal/portal.md
  • git diff --check

@code-infra-dashboard

Copy link
Copy Markdown

Deploy preview

Bundle size

Bundle Parsed size Gzip size
@mui/material 0B(0.00%) 0B(0.00%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@srikarphanikumar

This comment has been minimized.

The Popover component is built on top of the [Modal](/material-ui/react-modal/) component.
It does not automatically describe the purpose of the popover content, so add an accessible label or description when the content needs context.

Make sure the element that opens the popover can be reached and operated with the keyboard.

@mj12albert mj12albert Jun 2, 2026

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IMO this is too high-level and vague and not very practical
See the other PR linked to the issue

@mj12albert mj12albert changed the title [material-ui][docs] Add accessibility guidance for Popper, Popover, and Portal [docs] Add accessibility guidance for Popper, Popover, and Portal Jun 3, 2026
@zannager zannager added docs Improvements or additions to the documentation. accessibility a11y labels Jun 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility a11y docs Improvements or additions to the documentation.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants