Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

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

Open
  • Is something wrong?
#10,004 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

@Vishesh-Verma-07 is already working on this.

Since Oct 14, 2026.

  • #10005 by @Vishesh-Verma-07 — open
  • #10084 by @Abhipsita-coder — open

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
22/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Stale
Tech stack
react, typescript
Domain
frontend, internationalization

Research direction

The raw keys come from aria_labels.app_sidebar.* calls in apps/web/core/components/workspace/sidebar/sidebar-menu-items.tsx and projects-list.tsx; the strings that exist are under aria_labels.projects_sidebar in packages/i18n/src/locales/en/accessibility.json. Done when the toggles' aria-labels resolve to real text and the console check in the issue returns no aria_labels. values. A linked pull request (#10005) already exists, so check it before starting.

Written by the indexing model from the issue text.

Description

Is there an existing issue for this?
  • I have searched the existing issues
Current behavior

The workspace sidebar's toggle buttons get their aria-label from translation keys under aria_labels.app_sidebar, but no locale file defines that namespace: packages/i18n/src/locales/en/accessibility.json has aria_labels.projects_sidebar (which holds open_extended_sidebar and close_extended_sidebar), auth_forms, breadcrumb, common and color_picker. i18next falls back to the key, so the key is the button's accessible name.

Measured on self-hosted Community v1.4.2, signed in, on a project's Work items page (Chromium, 1600x1000): six elements carry a raw key as their aria-label, four with aria_labels.app_sidebar.close_workspace_menu and two with aria_labels.app_sidebar.open_extended_sidebar. The browser's accessibility tree names the buttons with the keys:

- button "aria_labels.app_sidebar.close_workspace_menu" [expanded]: Workspace
- button "aria_labels.app_sidebar.open_extended_sidebar": More

The first is the sidebar's "Workspace" section toggle (and its chevron button), the second the "More" toggle (id="extended-sidebar-toggle").

Source:

  • v1.4.2 (5f7d927): apps/web/core/components/workspace/sidebar/sidebar-menu-items.tsx lines 114-115 and 128-129 (app_sidebar.close_workspace_menu / open_workspace_menu) and 168-169 (app_sidebar.close_extended_sidebar / open_extended_sidebar); projects-list.tsx lines 261-262 (app_sidebar.*_extended_sidebar).
  • preview (bab49bb97): apps/web/components/workspace/sidebar/sidebar-menu-items.tsx lines 127-129 still use aria_labels.app_sidebar.close_extended_sidebar / open_extended_sidebar; the locale is unchanged in that respect.

Expected: either the keys move to aria_labels.projects_sidebar.* (which already has the extended-sidebar strings), or aria_labels.app_sidebar is added to the locales.

Steps to reproduce
  1. Self-hosted Community v1.4.2: sign in and open any project's Work items.
  2. In the browser console:
    [...document.querySelectorAll('[aria-label]')].map(e => e.getAttribute('aria-label')).filter(v => v.startsWith('aria_labels.'))
  3. It lists aria_labels.app_sidebar.close_workspace_menu and aria_labels.app_sidebar.open_extended_sidebar; a screen reader announces those strings for the "Workspace" and "More" buttons.
Environment

Production

Browser

Google Chrome

Edition

Community

Version

v1.4.2

Dominant language
TypeScript
Stars
60.7k
Forks
6k
Avg merge
1d 11h
Merged PRs (30d)
79

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from makeplane/plane

All issues in makeplane/plane

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.