Skip to content

✨(frontend) improve accessibility of search modal for screen readers #1275

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Aug 7, 2025

Purpose

Enhance the accessibility of the search modal for screen reader users by using clearer and more explicit translation strings and adding proper ARIA attributes.
improve e2e tests by adding data-testid

issue 966

Proposal

  • Add aria-hidden to non-essential elements inside the search modal
  • Update translation strings for screen readers to be more descriptive
  • Ensure modal content is announced properly with assistive technologies
  • Dropdown accessibility is handled in a separate PR
  • Extends DropButton and DropdownMenu by adding data-testId props

@Ovgodd Ovgodd requested a review from AntoLC August 7, 2025 09:56
@Ovgodd Ovgodd self-assigned this Aug 7, 2025
@Ovgodd Ovgodd force-pushed the fix/966-share-document-modal branch from 000bd17 to de5958f Compare August 7, 2025 09:57
@Ovgodd Ovgodd marked this pull request as ready for review August 7, 2025 10:14
@Ovgodd Ovgodd force-pushed the fix/966-share-document-modal branch 3 times, most recently from 0da1580 to 391261c Compare August 7, 2025 11:28
added clearer sr-only translations and aria-hidden for non-essential content

Signed-off-by: Cyril <[email protected]>
@Ovgodd Ovgodd force-pushed the fix/966-share-document-modal branch from 391261c to 81f3997 Compare August 8, 2025 06:58
@@ -180,7 +182,7 @@ export const DocVisibility = ({ doc }: DocVisibilityProps) => {
)
: undefined
}
label={t('Visibility mode')}
label={t('Document access mode')}
Copy link
Collaborator

Choose a reason for hiding this comment

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

Why switch from visibility to access ?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

It was for better clarity, as we’re switching from “edition” to “read-only” it’s essentially an access mode.
I’m open to other suggestions if this wording isn’t ideal :)

@Ovgodd Ovgodd requested a review from AntoLC August 8, 2025 11:27
Copy link
Collaborator

@AntoLC AntoLC left a comment

Choose a reason for hiding this comment

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

I approved this PR already, I just had this question: #1275 (comment)

@Ovgodd
Copy link
Collaborator Author

Ovgodd commented Aug 12, 2025

I approved this PR already, I just had this question: #1275 (comment)

Yes I answer to it just below :D

I approved this PR already, I just had this question: #1275 (comment)

Sorry the comment was in pending since 4 days..

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