Skip to content

Fix a few accessibility issues#3816

Merged
amanmahajan7 merged 7 commits intomainfrom
a11y
Jun 24, 2025
Merged

Fix a few accessibility issues#3816
amanmahajan7 merged 7 commits intomainfrom
a11y

Conversation

@amanmahajan7
Copy link
Copy Markdown
Collaborator

@amanmahajan7 amanmahajan7 commented Jun 23, 2025

  • Add aria-label to all grids
  • Restructure markup. I tested with Narrator and found a few issues.
  • Apply Lighthouse recommendations

@amanmahajan7 amanmahajan7 self-assigned this Jun 23, 2025
Comment thread website/Nav.tsx
return (
<header className={headerClassname}>
<h1 id={headerId}>react-data-grid</h1>
<nav aria-labelledby={demosNavId} className={navClassname}>
Copy link
Copy Markdown
Collaborator Author

@amanmahajan7 amanmahajan7 Jun 23, 2025

Choose a reason for hiding this comment

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

Added accessible name so screen reader can announce it like Demos navigation landmark

Comment thread website/Nav.tsx
<a href="https://github.com/adazzle/react-data-grid/issues" target="_blank" rel="noreferrer">
Issues
</a>
<nav aria-labelledby={linksNavId} className={navClassname}>
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

This is not part of demos so I have split these navs

@amanmahajan7 amanmahajan7 marked this pull request as ready for review June 23, 2025 18:53
@amanmahajan7 amanmahajan7 requested a review from nstepien as a code owner June 23, 2025 18:53
@amanmahajan7 amanmahajan7 enabled auto-merge (squash) June 24, 2025 13:34
@amanmahajan7 amanmahajan7 merged commit 2397045 into main Jun 24, 2025
2 checks passed
@amanmahajan7 amanmahajan7 deleted the a11y branch June 24, 2025 16:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants