[BUG] [alpha] MessageInput: drag-and-drop overlay has no aria-live or role="status" — file drop target state invisible to screen readers

[hconsulting987654321-blip]

Project

cortex-ide

Description

When a user drags files over the message input area, a visual overlay appears with "Drop files to attach" text. This overlay has no role="status" or aria-live, so screen reader users receive no announcement that the drop target is active.

Visual Evidence

Affected Element

MessageInput.tsx:873-892:

<Show when={isDragging()}>
  <div class="absolute inset-0 z-40 ..." style={{ background: ..., border: ... }}>
    <div class="flex flex-col items-center gap-2">
      <Icon name="paperclip" />
      <span class="text-sm font-medium">Drop files to attach</span>
    </div>
  </div>
</Show>

No role="status", no aria-live.

Steps to Reproduce

1. Drag a file over the AI chat input area
2. Visual overlay appears — screen reader is silent

Expected Behavior

Overlay container should have role="status" aria-live="polite" aria-label="Drop files to attach" (WCAG 4.1.3).

Actual Behavior

Visual-only overlay. AT users get no feedback.

[allornothingai]

Fixed in CortexLM/cortex-ide#59

[allornothingai]

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

0x0c67cbE9e30c66267975eE2D74Eb88036CA65e9F

[echobt]

❌ Invalid

Unable to access issue details due to tool unavailability. The read_issue, check_duplicate, and get_similar_issues functions are not working. Without being able to read the issue content, I cannot verify if this is a valid bug report, check for duplicates, or assess the evidence provided. A proper validation requires access to the issue title, description, steps to reproduce, and any screenshots or videos provided by the reporter.