Skip to content

Improve accessibility of studio immersive modal#5741

Open
AlexVelezLl wants to merge 1 commit intolearningequality:unstablefrom
AlexVelezLl:immersive-modal-focus-trap
Open

Improve accessibility of studio immersive modal#5741
AlexVelezLl wants to merge 1 commit intolearningequality:unstablefrom
AlexVelezLl:immersive-modal-focus-trap

Conversation

@AlexVelezLl
Copy link
Member

@AlexVelezLl AlexVelezLl commented Mar 4, 2026

Context

While testing some of the Easy Sharing of Community Channels features, I noticed that the StudioImmersiveModal was not trapping the focus, then just completed the PR with other accessibility aspects.

Summary

  • Adds focus trapping for StudioImmersiveModal.
  • Returns the focus to the previously focused element when the modal is closed.
  • Moves the open/close handlers to a watcher of the value prop.
  • Copy the focusUtils module from Kolibri to Studio.
  • Add aria attributes to the modal element.
Grabacion.de.pantalla.2026-03-04.a.la.s.3.08.07.p.m.mov

Reviewer guidance

  • Go to the Notifications page.
  • Notice that focus is trapped correctly now.
  • Check that focus returns to the previously focused element.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants