Screen reader does not announce descriptive text associated with suggestion list items: A11y_Monacoeditor_ScreenReader

[AnKushSingh05]

GitHubTags:

#A11yTCS;#Desktopweb;#Win11;#Visual Studio Code Client;#VisualStudioCode-Web-Apr2021;#a11y-monacoeditor;#Narrator;#NVDA;#WCAG1.3.1;#A11yMAS;#A11ySev2;#Info and Relationships;

Environment Details:

URL: https://microsoft.github.io/monaco-editor/playground.html?source=v0.52.2#example-customizing-the-appearence-tokens-and-colors
Monaco Editor
Chromium Edge: Version 144.0.3719.115 (Official build) (64-bit)

Repro Steps:

1. Hit the URL: https://microsoft.github.io/monaco-editor/playground.html?source=v0.40.0-dev.20230707#XQAAAAJzAQAAAAAAAABBqQkHQ5NjdMjwa-jY7SIQ9S7DNlzs5W-mwj0fe1ZCDRFc9ws9XQE0SJE1jc2VKxhaLFIw9vEWSxW3yscwzfibW_1uhs0-3YGTBOsVJ4S4FwfCDQb5-2uUHXTVAefbVSd9IzaZ_vv9VR9KugsKimARHSWlrTPOQHROITHxmAetfeRrm3VHdSe7_Etv6WpgzlH4vE8EOD3EPhJDl6tDpOO8RxKZbUytKns3T0NFFloo9Q21KsEBT298I6cyZc5-Glup9UHU6QTpv2Hjab6pZzB3ZO2RH-WGhzXse2-hNlgz6zCgsG8AjiqGg0ZzWzND7z09NmCQOQd6pfkNvO2zmMzFvHpTY8RFEy1urlQcQMb1HHLEESBi8m3Rr3UzFlKzY51hfYcz__QCePc and press enter
2. Tab till Monaco editor code.
3. Verify that Screen reader does not announce descriptive text associated with suggestion list items

Actual Behavior

Screen reader does not announce descriptive text associated with suggestion list items. When a screen reader user navigates to these items, only the label is announced such as 'Where 1 of 2'. The descriptive text, which provides essential context, is not read.

Expected Behavior

The screen reader should announce both the label and the associated descriptive text when focus lands on Suggestion List

User Impact:

Users relying on screen readers miss critical contextual information that explains what each condition does.

Attachment:

Screenreader.mp4