Skip to content

[Select] VoiceOver announces wrong items count in Chrome #3962

@armhaj

Description

@armhaj

Bug report

Current Behavior

When using VoiceOver on macOS with Chrome, navigating a Select list announces
incorrect item counts. Tested on both a custom implementation and the Radix
documentation examples (fruit select).

Scenario A — a value is already selected:
Opening the list and focusing an item announces the label with a wrong total, e.g.
"Banana, 1 of 3" even when the list contains more items.

Scenario B — no value is selected:
Opening the list announces only the item label with no position or count at all,
e.g. "Banana" instead of "Banana, 2 of 5".

VoiceOver + Safari is unaffected. NVDA on Windows is unaffected.

Expected behavior

VoiceOver should announce the item label, its position, and the correct total for
every focused item regardless of whether a value is pre-selected,
e.g. "Banana, 2 of 5".

Reproducible example

Reproduced on the Radix documentation page using the fruit Select example.
https://www.radix-ui.com/primitives/docs/components/select?utm_source=chatgpt.com#accessibility

Suggested solution

Needs investigation.

Additional context

VoiceOver + Safari = works correctly
NVDA + Chrome = works correctly
VoiceOver + Chrome = problem

Your environment

Software Name(s) Version
Radix Package(s) @radix-ui/react-select 2.2.6
React n/a ^18
Browser Chrome Version 149.0.7827.103
Assistive tech VoiceOver
Node n/a
npm/yarn/pnpm
Operating System macOS Tahoe 26.5 (25F71)

Screen recording:

Screen.Recording.2026-06-11.at.14.22.16.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions