Skip to content

♿️(frontend) fix modal aria-label and name#2014

Merged
Ovgodd merged 1 commit intomainfrom
fix/export-modal-access-name
Mar 18, 2026
Merged

♿️(frontend) fix modal aria-label and name#2014
Ovgodd merged 1 commit intomainfrom
fix/export-modal-access-name

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Mar 16, 2026

Purpose

Fix modals being announced as [object Object] by screen readers and restore vocalization of the modal content.

Proposal

  • Add aria-label on modals that pass JSX as title
  • Remove aria-label from non-interactive content Boxes in modals

@Ovgodd Ovgodd requested a review from AntoLC March 16, 2026 12:58
@Ovgodd Ovgodd self-assigned this Mar 16, 2026
@Ovgodd Ovgodd linked an issue Mar 16, 2026 that may be closed by this pull request
@Ovgodd Ovgodd moved this from Backlog to In review in LaSuite Docs A11y Mar 16, 2026
@Ovgodd Ovgodd force-pushed the fix/export-modal-access-name branch from a6aa7c7 to e1990e1 Compare March 16, 2026 13:00
@Ovgodd Ovgodd marked this pull request as ready for review March 16, 2026 13:00
@Ovgodd Ovgodd linked an issue Mar 16, 2026 that may be closed by this pull request
@Ovgodd Ovgodd linked an issue Mar 16, 2026 that may be closed by this pull request
@github-actions
Copy link

github-actions bot commented Mar 16, 2026

Size Change: -84 B (0%)

Total Size: 4.23 MB

Filename Size Change
apps/impress/out/_next/static/294583d3/_buildManifest.js 905 B +905 B (new file) 🆕
apps/impress/out/_next/static/41197175/_buildManifest.js 0 B -905 B (removed) 🏆

compressed-size-action

@Ovgodd Ovgodd marked this pull request as draft March 16, 2026 13:08
@Ovgodd Ovgodd force-pushed the fix/export-modal-access-name branch from e1990e1 to 59a59a0 Compare March 16, 2026 13:13
@Ovgodd Ovgodd linked an issue Mar 16, 2026 that may be closed by this pull request
@Ovgodd Ovgodd marked this pull request as ready for review March 16, 2026 13:15
@Ovgodd Ovgodd changed the title ♿️(frontend) fix modal aria-label object Object ♿️(frontend) fix modal aria-label and name Mar 16, 2026
@Ovgodd Ovgodd force-pushed the fix/export-modal-access-name branch 2 times, most recently from a2f49a0 to d39fa16 Compare March 16, 2026 14:23
closeOnClickOutside
onClose={() => onClose()}
aria-describedby="modal-confirm-download-unsafe-title"
aria-label={t('Warning')}
Copy link
Collaborator

Choose a reason for hiding this comment

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

I can see we have a H1 title here, meaning we can have multiple H1 in the page, it is not ideal, no?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

yes good catch

CHANGELOG.md Outdated
- ⬆️(frontend) upgrade Next.js to v16 #1980
- ♿️(frontend) fix aria-label and landmark on document banner state #1986
- 🌐(i18n) add "new window" translation key for waffle aria-label #1984
- ♿️(frontend) fix modal aria-label and name #2014
Copy link
Collaborator

Choose a reason for hiding this comment

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

Under "Unreleased".

@Ovgodd Ovgodd force-pushed the fix/export-modal-access-name branch 4 times, most recently from 5ccbce1 to 19333d1 Compare March 18, 2026 11:31
Add aria-label on modals with JSX title to avoid returning object Object
@Ovgodd Ovgodd force-pushed the fix/export-modal-access-name branch from 19333d1 to 7cf144e Compare March 18, 2026 12:39
@Ovgodd Ovgodd merged commit 7cf144e into main Mar 18, 2026
26 of 27 checks passed
@Ovgodd Ovgodd deleted the fix/export-modal-access-name branch March 18, 2026 13:20
@github-project-automation github-project-automation bot moved this from In review to Done in LaSuite Docs A11y Mar 18, 2026
lunika added a commit that referenced this pull request Mar 19, 2026
Changed

- ♿️(frontend) ensure doc title is h1 for accessibility #2006
- ♿️(frontend) add nb accesses in share button aria-label #2017

Fixed

- 🐛(frontend) fix image resizing when caption #2045
- 🙈(docker) add \*\*/.next to .dockerignore #2034
- ♿️(frontend) fix share modal heading hierarchy #2007
- ♿️(frontend) fix Copy link toast accessibility for screen readers #2029
- ♿️(frontend) fix modal aria-label and name #2014
- ♿️(frontend) fix language dropdown ARIA for screen readers #2020
- ♿️(frontend) fix waffle aria-label spacing for new-window links #2030
- 🐛(backend) stop using add_sibling method to create sandbox document #2084
- 🐛(backend) duplicate a document as last-sibling #2084
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

Incorrect vocalization of the accessible name of the export modal Incorrect rendering of export modal content

2 participants