[Accessibility] [Microsoft Graph Toolkit Playground - home page]: Ensures <li> elements are used semantically.[Sev3][WCAG1.3.1]

[SrujanaAnaganti]

Test Environment: OS Build: Windows 11 Version: 21H2 (OS Build 22000.318) Browser: Edge Version 96.0.1054.43 (Official build) (64-bit) URL: https://mgt.dev/next Screen reader: Narrator Tool: Accessibility insights for web

Repro Steps: Open the above URL and login with valid credentials. 'Microsoft Graph Toolkit Playground' home page will get displayed. Now run AI tool and verify the issue that list elements are not used semantically.

Actual Result: List item does not have a

,

parent element without a role. 'Recently opened' List items are not used semantically in the page.

Expected Result: Ensures

1. elements are used semantically.' Recently opened' List items should be used semantically in the page.

   User Impact: Users who rely on screen reader will be affected if list item does not have a

   ,
   parent element without a role.

   WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

   

[ghost]

Hello SrujanaAnaganti, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

[sebastienlevert]

Let's remove the availability of the Search input to cover this Accessibility issue. @musale