Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Aria-selected is not narrated for div with "option" role #17639

Open
YanaLaurynovichTR opened this issue Jan 22, 2025 · 1 comment
Open

Aria-selected is not narrated for div with "option" role #17639

YanaLaurynovichTR opened this issue Jan 22, 2025 · 1 comment
Labels
app/edge/anaheim MS browser, chromium based, replaces Spartan in 2019 by Anaheim. NVDA access via IA2. app/firefox ARIA p4 https://github.com/nvaccess/nvda/blob/master/projectDocs/issues/triage.md#priority triaged Has been triaged, issue is waiting for implementation.

Comments

@YanaLaurynovichTR
Copy link

Steps to reproduce:

  1. Navigate to the example: https://stackblitz.com/edit/mhwpxo8j?file=src%2Fexample.tsx,src%2FApp.tsx
  2. Check "Open" checkbox
  3. Dropdown is opened
  4. Use "UP" and "DOWN" arrows to go through values

Actual behavior:

NVDA announces "Cat 1 of 10"
A text from speech recording:

Best pet
list
Cat  1 of 10
Caterpillar  2 of 10
Corgi  3 of 10
Chupacabra  4 of 10
Dog  5 of 10

Expected behavior:

NVDA announces "Cat not selected 1 of 10"
Expecting this narration, because:

<div id="fluent-optionr13" role="option" aria-selected="true" class="fui-Option ___1fahmgm_o6m2dp0 f122n59 ft85np5 f19n0e5 f1ufnopg f1k6fduh f22iagw fk6fouc fkhj508 f1i3iumi fm5eomj f10pi13n f1knas48 feu1g3u fo79ri9 f1osiabc f1yusjty f1e8le25 fb40n2d f1g4hkjv f1lnr2zp f1ogfk9z fiuf46r f1g7j8ec f11vrvdw f17hxjb7 f1dha69c f1lm7500 fo7xqb f1kurthe fwq15dy f1pb3wry ftjv2f4 f1flhb1f" data-activedescendant=""><span aria-hidden="true" class="fui-Option__checkIcon ___19w4b2j_1rp1clv fi64zpg fod5ikn f18b9hdq f1xk557c f1022m68 fvc9v3g"><svg fill="currentColor" class="___12fm75w_v8ls9a0 f1w7gpdv fez10in fg4l7m0" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.03 13.9 3.56 10a.75.75 0 0 0-1.12 1l4 4.5c.29.32.79.34 1.09.03l10.5-10.5a.75.75 0 0 0-1.06-1.06l-9.94 9.94Z" fill="currentColor"></path></svg></span>Chupacabra</div>

System configuration

NVDA installed/portable/running from source:

NVDA version:

2024.4.2 (2024.4.2.35031)

Windows version:

Windows 11 Enterprise 23H2

Name and version of other software in use when reproducing the issue:

Microsoft Edge for Business (Version 132.0.2957.115)

Other information about your system:

Other questions

Does the issue still occur after restarting your computer?

yes

Have you tried any other versions of NVDA? If so, please report their behaviors.

I have tried with a version 2024.4.1, and behavior was the same

If NVDA add-ons are disabled, is your problem still occurring?

no addons enabled

Does the issue still occur after you run the COM Registration Fixing Tool in NVDA's tools menu?

no

@SaschaCowley
Copy link
Member

Aria looks valid. Also reproduced in Firefox 135.0b8 (64-bit)

@SaschaCowley SaschaCowley added app/firefox app/edge/anaheim MS browser, chromium based, replaces Spartan in 2019 by Anaheim. NVDA access via IA2. p4 https://github.com/nvaccess/nvda/blob/master/projectDocs/issues/triage.md#priority triaged Has been triaged, issue is waiting for implementation. labels Jan 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
app/edge/anaheim MS browser, chromium based, replaces Spartan in 2019 by Anaheim. NVDA access via IA2. app/firefox ARIA p4 https://github.com/nvaccess/nvda/blob/master/projectDocs/issues/triage.md#priority triaged Has been triaged, issue is waiting for implementation.
Projects
None yet
Development

No branches or pull requests

2 participants