[Accessibility] [Microsoft Graph Toolkit Playground-mgt-tasks-Tasks]: Ensures all elements with a role attribute use a valid value. [Sev3][WCAG4.1.2]

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' page will get displayed. Now navigate to 'mgt-tasks' > 'Tasks and activate it. Activate '+Add' button and run the AI tool and verify the issue that elements with a role attribute use a valid value or not.

Actual Result: All elements with a role attribute did not use a valid value in 'mgt-tasks' > 'Tasks.

Expected Result: Ensure all elements with a role attribute use a valid value in 'mgt-tasks' > 'Tasks. Abstract role cannot be directly used: input

User Impact: Users who rely on screen readers will get impacted if abstract role is used as input directly. Users will not get actual information if elements with a role attribute did not use a valid value.

Note: 1) Same issue is repro for below path also. mgt-todo > Tasks

2) Same issue is observed for below path also. Sample > General > theme Refer: MAS4.1.2_Theme

WCAG Reference: https://www.bing.com/search?q=wcag4.1.2&qs=n&form=QBRE&msbsrank=6_6__0&sp=-1&pq=wcag4.1.2&sc=6-9&sk=&cvid=D6545067139B4CFB98631019B1EFFFCC&ntref=1

MAS4 1 2_Ensures all elements with a role attribute use a valid value

microsoftgraph / microsoft-graph-toolkit

[Accessibility] [Microsoft Graph Toolkit Playground-mgt-tasks-Tasks]: Ensures all elements with a role attribute use a valid value. [Sev3][WCAG4.1.2] #1640