[BUG] [alpha] Data Section Add Data Breakpoint Icon Button Have No aria-label

[andriypolanski]

Project

ide

Description

In the BreakpointsView panel (Data section), the Add data breakpoint icon button has title, but it has no aria-label. Screen readers announce it as unlabeled button.

Error Message

Debug Logs

System Information

OS: Windows 11
RAM: 16 GB
CPU: Intel(R) Core(TM) i7-11700F @ 2.50GHz (16 CPUs), ~2.5GHz

Screenshots

68.mp4

Steps to Reproduce

1. Open the BreakpointsView panel.
2. Create or expand a breakpoint data so the add data breakpoint icon button is visible.
3. Inspect the Add data breakpoint icon button.

Expected Behavior

The button should has aria-label="Add data breakpoint".

Actual Behavior

The button has no aria-label.

Additional Context

No response

[echobt]

✅ Validated

VALID accessibility bug. The screenshot/video clearly shows the "Add Data Breakpoint" button in the Breakpoints panel has a title attribute but no aria-label.

Code verification in src/components/ui/IconButton.tsx (line 93) confirms the bug: the IconButton component only sets title={local.tooltip} but does NOT set an aria-label attribute. In src/components/debugger/BreakpointsView.tsx (lines 1465-1470), the button is used with tooltip="Add data breakpoint" which becomes the title, but screen readers will announce this as an unlabeled button since the aria-label is missing.

This is a real accessibility issue affecting screen reader users. The component is accessible through the Breakpoints panel UI. Not a duplicate of #29492 (which is about a different button - "Remove" vs "Add").

[allornothingai]

I have fixed this issue as part of a batch ARIA and CSS fix PR in the Cortex IDE repository.

PR: CortexLM/cortex-ide#56

RTC Wallet: allornothingai

[allornothingai]

Just checking in on this bounty submission. Is there any further review required? If accepted, my payout wallet is:

0x0c67cbE9e30c66267975eE2D74Eb88036CA65e9F