A11y: Screen reader is not narrating name of the options in ‘Select source’ dropdown.

[msftedad]

What happened?

Screen reader is just narrating as ‘select option x of x’ for the options.

0d6b3ca1-4009-4046-9754-dc54c6f740f4.1.mp4

What did you expect to happen?

Screen reader should narrate name of the option along with position information, while navigating using up/down arrow keys.

Did this work before?

No

How do we reproduce it?

1.Open the URL in edge browser Grafana Play Home - Dashboards - Grafana.

‘2.Grafana Play Home’ page will open.

3.Navigate to ‘Dashboard’ link & select it.

4.Navigate to any of the link present in table & activate it.

5.Navigate to Menu (…) & activate it.

6.Navigate to ‘Inspect’ & activate it.

‘7.Inspect’ pane will open.

8.Navigate to ‘JSON’ tab & select it.

9.Navigate to ‘Select source’ dropdown & expand it using ‘Alt+Down arrow’.

10.Navigate among the options with narrator using up/down arrow keys.

11.Observe the screen reader narration.

Is the bug inside a dashboard panel?

No response

Environment (with versions)?

Grafana: v11.1.0-69051 (9d44c8e)
OS: Version 24H2 (OS Build 26100.1)
Browser: Version 125.0.2506.0 (Official build) dev (64-bit)

Grafana platform?

None

Datasource(s)?

No response

[L-M-K-B]

The Select component mentioned above is used in public/app/features/inspector/InspectJSONTab.tsx and originates from @grafana/ui.

[ashharrison90]

@msftedad can you confirm:

• whether this is still an issue?
• what screenreader you're using?

using voiceover on mac in chrome, everything is working as expected:

[msftedad]

Hi @ashharrison90 ,
The issue is in Windows OS: Version 24H2 (OS Build 26100.1)
Browser: Edge Version 125.0.2506.0 (Official build) dev (64-bit)
Screen reader: Narrator

Please let us if you need more details.Thanks