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

[andriypolanski]

Project

ide

Description

In the BreakpointsView panel (Data section), the Remove 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

67.mp4

Steps to Reproduce

Open the BreakpointsView panel.
Create or expand a breakpoint data so the remove data breakpoint icon button is visible.
Inspect the Remove data breakpoint icon button.

Expected Behavior

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

Actual Behavior

The button has no aria-label.

Additional Context

No response

[echobt]

✅ Validated

VALID BUG - Confirmed by code analysis.

Source File: src/components/debugger/BreakpointsView.tsx (line 1604)

Bug: The "Remove data breakpoint" IconButton has a tooltip prop (which renders as title attribute for mouse hover) but lacks an aria-label attribute, causing screen readers to announce it as an unlabeled button.

Code Evidence:

<IconButton
  size="sm"
  onClick={() => handleRemoveDataBreakpoint(bp.id)}
  tooltip="Remove data breakpoint"  // Only sets title, not aria-label
>
  <Icon name="trash" size="xs" />
</IconButton>

The IconButton component (src/components/ui/IconButton.tsx) only passes title={local.tooltip} to the button element but does NOT automatically add an aria-label. For accessibility compliance, icon buttons need explicit aria-labels so screen readers can properly announce their purpose.

Screenshot/Video: The attached video demonstrates the issue by inspecting the DOM element and showing the missing aria-label attribute while the title attribute is present.

NOT a duplicate of #29488 - That issue is about the "Clear all" button (removes all breakpoints), while this is about the individual "Remove" button (removes one breakpoint). Different UI elements, same type of accessibility issue.

[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