Skip to content

[10004] fix: translated aria labels for sidebar toggles - #10005

Open
Vishesh-Verma-07 wants to merge 1 commit into
makeplane:previewfrom
Vishesh-Verma-07:fix/10004-sidebar-aria-label-keys
Open

Vishesh-Verma-07 wants to merge 1 commit into
makeplane:previewfrom
Vishesh-Verma-07:fix/10004-sidebar-aria-label-keys

Conversation

@Vishesh-Verma-07

@Vishesh-Verma-07 Vishesh-Verma-07 commented Oct 14, 2026 •

Copy link
Copy Markdown

Description

The sidebar "More"/extended-sidebar toggles set their aria-label from aria_labels.app_sidebar.*, but no locale file defines that namespace (packages/i18n/src/locales/*/accessibility.json only defines aria_labels.projects_sidebar, auth_forms, breadcrumb, common and color_picker). i18next falls back to the key, so the raw string is used as the accessible name.

This affects two buttons:

  • the workspace section "More" toggle (#extended-sidebar-toggle) in sidebar-menu-items.tsx
  • the projects list "More" toggle (#extended-project-sidebar-toggle) in projects-list.tsx

Both now reference aria_labels.projects_sidebar.open_extended_sidebar / close_extended_sidebar, which already exist with translations in all locales. No new translation keys are introduced.

Type of Change

  • Bug fix (non-breaking change which fixes an issue)

Screenshots and Media (if applicable)

Test Scenarios

  1. Sign in and open any project's Work items page.
  2. In the browser console run:
    [...document.querySelectorAll('[aria-label]')].map(e => e.getAttribute('aria-label')).filter(v => v.startsWith('aria_labels.'))
  3. Confirm the list is now empty (previously it contained aria_labels.app_sidebar.close_extended_sidebar / open_extended_sidebar).
  4. With a screen reader, confirm the workspace "More" toggle announces "Open extended sidebar" / "Close extended sidebar", and that the label flips when the extended sidebar is toggled. Repeat for the projects list "More" toggle.

References

🤖 Generated with OpenCode

Summary by CodeRabbit

  • Accessibility
    • Updated the extended sidebar controls’ accessible labels. Visible “Hide” and “More” text remains unchanged.

The "More"/extended-sidebar toggles referenced `aria_labels.app_sidebar.*`,
a namespace no locale file defines. i18next therefore fell back to the key,
so screen readers announced the raw string instead of a label.

Point the toggles at `aria_labels.projects_sidebar.open_extended_sidebar` /
`close_extended_sidebar`, which already exist with translations in every
locale.

Fixes makeplane#10004
Copilot AI balanced review requested due to automatic review settings October 14, 2026 04:53

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@CLAassistant

CLAassistant commented Oct 14, 2026 •

Copy link
Copy Markdown

CLA assistant check
All committers have signed the CLA.

@coderabbitai

coderabbitai Bot commented Oct 14, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: d8a0a826-8f8e-460d-a668-a3b24f85fd82
📥 Commits

Reviewing files that changed from the base of the PR and between bab49bb and 17dbd9c.

📒 Files selected for processing: 2
  • apps/web/components/workspace/sidebar/projects-list.tsx
  • apps/web/components/workspace/sidebar/sidebar-menu-items.tsx

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 9 remain after this review.

📝 Walkthrough

The extended-sidebar toggles in two workspace sidebar components now use the projects_sidebar translation keys for their open and close accessibility labels. Their state selection and visible text are unchanged.

Changes: Sidebar accessibility labels

Layer / File(s) Summary
Update extended-sidebar labels
apps/web/components/workspace/sidebar/projects-list.tsx, apps/web/components/workspace/sidebar/sidebar-menu-items.tsx
Both components now use projects_sidebar keys for the extended-sidebar open and close aria labels.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~5 minutes

Change: Bug fix · Severity of issue fixed: Low

Merge Risk: ⚪ Minimal · up to 17dbd

The sidebar toggles should announce translated labels. No issue identified here prevents merging after normal checks.

Pre-merge checks: Passed 5
Passed Passed checks: 5 passed
Check name Status Explanation
Title check Passed The title clearly identifies the fix: translated ARIA labels for sidebar toggles. It is concise and directly related to the changes.
Description check Passed The description explains the cause, affected toggles, exact translation-key changes, bug-fix type, manual test scenarios, and issue reference. It satisfies the repository template; screenshots are not…
Linked Issues check Passed Issue #10004 requires removal of undefined aria_labels.app_sidebar.* labels from the sidebar toggles. The reviewed code changes both #extended-sidebar-toggle in sidebar-menu-items.tsx and `#exte…
Out of Scope Changes check Passed The reviewed changes are limited to the two sidebar toggle aria-label translation-key selections described by issue #10004. The toggle behavior and visible text remain unchanged. No unrelated source…
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 2…
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

This branch has not been deployed

No deployments
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.

[bug]: Sidebar toggles use aria_labels.app_sidebar.* keys that no locale defines; the raw key is the label

3 participants