fix: combobox highlighted option is color-only, inaccessible to colorblind users

Open Beginner friendly
#14 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
92/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Quiet
Tech stack
typescript

Research direction

Inspect components/billing/entity-combobox.tsx at lines 212–214 and 225–229. Confirm the keyboard-highlighted option gains font-medium and the “No matches” div gains aria-live="polite"; verify the resulting markup and keyboard state distinguish the option and announce the message.

Written by the indexing model from the issue text.

Description

Bug

In the entity combobox, the highlighted (keyboard-focused) option only changes background color. Text color and font weight are identical to non-highlighted options. Users with color vision deficiency cannot distinguish which option is currently selected via keyboard.

The "No matches" message also has no aria-live attribute, so screen readers don't announce it.

Location

components/billing/entity-combobox.tsx lines 212–214, 225–229.

Fix

  1. Add font-medium to the highlighted option class so it differs by weight, not just color.
  2. Add aria-live="polite" to the "No matches" div.

Severity

Medium — accessibility issue; affects colorblind users and screen reader users.

Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

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 xlibraries/Mundika

All issues in xlibraries/Mundika

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.