feat: better accessibility #110
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ted state management
…als tables using useEffect
…mic page visibility
…al count for apps, datasets, and workerpools
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
…ockchainComputing/explorer-v2 into feature/add-assets-order
…and SchemaSearch components
… in Footer, Navbar, and AddressChip
…k Explorer link in SmartLinkGroup; add role to Tabs component
…and attributes to input and error messages
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
There was a problem hiding this comment.
Pull request overview
This PR implements accessibility improvements across the application with the following key changes:
- Adds new "ACCESS" tabs to workerpool, dataset, and app detail pages showing access/orderbook information
- Implements ARIA labels, roles, and descriptions for better screen reader support
- Refactors loading and outdated state management to bubble up from child components
- Adds semantic HTML attributes (type="search", role="searchbox", aria-live regions)
- Updates the iexec package from 8.18.0 to 8.20.0
Reviewed changes
Copilot reviewed 39 out of 40 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| src/routes/$chainSlug/_layout/workerpool/$workerpoolAddress.tsx | Added ACCESS tab with WorkerpoolAccessTable component and state management |
| src/routes/$chainSlug/_layout/dataset/$datasetAddress.tsx | Added ACCESS tab with DatasetAccessTable component and state management |
| src/routes/$chainSlug/_layout/app/$appAddress.tsx | Added ACCESS tab with AppAccessTable component and state management |
| src/routes/$chainSlug/_layout/address/$addressAddress.tsx | Added ACCESS tab showing all three access tables |
| src/modules/workerpools/workerpool/WorkerpoolDealsTable.tsx | Refactored to use props for loading/outdated state, fixed typo in error message |
| src/modules/workerpools/workerpool/WorkerpoolAccessTable.tsx | New component for displaying workerpool access orderbook |
| src/modules/datasets/dataset/DatasetDealsTable.tsx | Refactored to use props for loading/outdated state, fixed typo in error message |
| src/modules/datasets/dataset/DatasetAccessTable.tsx | New component for displaying dataset access orderbook |
| src/modules/apps/app/AppDealsTable.tsx | Refactored to use props for loading/outdated state, fixed typo in error message |
| src/modules/apps/app/AppAccessTable.tsx | New component for displaying app access orderbook |
| src/modules/search/SearcherBar.tsx | Added ARIA attributes for search input and error messages |
| src/modules/datasets/SchemaSearch.tsx | Added ARIA labels to filter buttons |
| src/modules/Tabs.tsx | Added role="radio" to tab buttons |
| src/components/navbar/NavBar.tsx | Added aria-label to links and buttons, changed logo alt text |
| src/components/Footer.tsx | Added aria-label to social media links |
| src/components/PaginatedNavigation.tsx | Improved pagination logic and stability |
| src/components/ModeToggle.tsx | Enhanced aria-label for theme toggle |
| src/components/CopyButton.tsx | Added aria-label and type attribute |
| package.json | Updated iexec from 8.18.0 to 8.20.0 |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
PierreJeanjacquot
approved these changes
Jan 7, 2026
Member
PierreJeanjacquot
left a comment
PierreJeanjacquot
left a comment
There was a problem hiding this comment.
Minor adjustment needed on id, see comments, feel free to merge once resolved
…ibility for tabs adding missing aria-selected attribute
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 2 potential issues.
Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.
This PR is being reviewed by Cursor Bugbot
Details
Your team is on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle for each member of your team.
To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Note
Improves accessibility and semantics across multiple components.
aria-labels to interactive elements (Navbar, Footer social links,CopyButton,AddressChip,SmartLinkGroup,SchemaSearch, logout buttons, mobile menu toggle)role="tablist", buttons asrole="tab"witharia-selected; ModeToggle uses cleareraria-label)type="search",aria-describedbyfor errors,role="alert"+aria-live="polite"for error messages) and makes the search button accessible on small screenstype="button"where needed to prevent unintended form submitsaria-label="Home"; decorative logos use emptyalt)Written by Cursor Bugbot for commit e0bcb11. This will update automatically on new commits. Configure here.