Skip to content

Conversation

@ammar-agent
Copy link
Collaborator

Added aria-labels to ProjectSidebar components for better screen reader support and fixed vertical text clipping in path displays.

Changes

Accessibility improvements:

  • Added aria-label to project expand/collapse buttons
  • Added role="region" with descriptive labels to workspace list containers
  • Added aria-label to workspace selection buttons
  • Added aria-label to sidebar collapse/expand button

Text rendering fix:
Changed leading-none to leading-tight in path displays (both drag preview and sidebar). The leading-none style set line-height to 1, which caused vertical text clipping with certain characters, particularly those with descenders or accents.

Generated with cmux

- Add aria-label to project items, workspace lists, and buttons
- Add role=region to workspace list containers
- Fix vertical text cutoff by changing leading-none to leading-tight
- Improves screen reader accessibility throughout the sidebar
@ammario ammario enabled auto-merge November 7, 2025 15:43
@ammario ammario added this pull request to the merge queue Nov 7, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Nov 7, 2025
@ammario ammario merged commit 0da5381 into main Nov 7, 2025
18 of 19 checks passed
@ammario ammario deleted the fix-project-bar branch November 7, 2025 16:06
ibetitsmike pushed a commit that referenced this pull request Nov 7, 2025
)

Added aria-labels to ProjectSidebar components for better screen reader
support and fixed vertical text clipping in path displays.

## Changes

**Accessibility improvements:**
- Added `aria-label` to project expand/collapse buttons
- Added `role="region"` with descriptive labels to workspace list
containers
- Added `aria-label` to workspace selection buttons
- Added `aria-label` to sidebar collapse/expand button

**Text rendering fix:**
Changed `leading-none` to `leading-tight` in path displays (both drag
preview and sidebar). The `leading-none` style set line-height to 1,
which caused vertical text clipping with certain characters,
particularly those with descenders or accents.

_Generated with `cmux`_
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