Skip to content

♿️(Select) hide dropdown arrow from tab order and screen readers#397

Open
Ovgodd wants to merge 1 commit into
mainfrom
fix/a11y-select-dropdown-arrow-focus
Open

♿️(Select) hide dropdown arrow from tab order and screen readers#397
Ovgodd wants to merge 1 commit into
mainfrom
fix/a11y-select-dropdown-arrow-focus

Conversation

@Ovgodd

@Ovgodd Ovgodd commented Jun 23, 2026

Copy link
Copy Markdown
Collaborator

Purpose

Remove duplicate focus stops on Select dropdown arrows for keyboard and screen reader users.

Before :

beforeselect.mp4

After :

afterselect.mp4

Proposal

  • Hide arrow button from assistive tech (aria-hidden) and tab order (tabIndex={-1}) in mono and multi selects
  • Remove redundant aria-label on the decorative arrow

fixes : https://github.com/suitenumerique/docs/issues/2342

Removed arrow from tab order; combobox trigger now handles all navigation.
@Ovgodd Ovgodd requested a review from NathanVss June 23, 2026 09:36
@Ovgodd Ovgodd self-assigned this Jun 23, 2026
@Ovgodd Ovgodd added bug Something isn't working a11y Accessibility related tasks labels Jun 23, 2026
@Ovgodd Ovgodd moved this from Backlog to In review in LaSuite Docs A11y Jun 23, 2026

@NathanVss NathanVss left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice ! :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y Accessibility related tasks bug Something isn't working

Projects

Status: In review

Development

Successfully merging this pull request may close these issues.

2 participants