Skip to content

Conversation

@tomdavies73
Copy link
Contributor

fix #7632

Proposed behaviour

adds the aria-label and aria-labedlledby props to the component, which are applied when the component is rendered as a modal. This ensures consumers have the means to give the component an accessible name when needed.

Current behaviour

Currently, there is no mechanism for consumers to set the accessible name on the modal rendered on AdaptiveSidebar, which is an accessibility issue.

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

Testing instructions

adds the aria-label and aria-labedlledby props to the component which are applied when the component
is rendered as a modal. This ensures consumers have the means to give the component an accessible
name when needed

fix #7632
@nuria1110 nuria1110 self-requested a review December 5, 2025 13:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

Adaptive Sidebar contains an accessibility issue when in modal form

2 participants