Programmatically incorrect role 'generic" is provided for "Error" control.: A11y_TypeSpec_Playground_Name Role Value

[kupatkar99]

GIT Hub Tags:

#A11yTCS; #A11ySev2; #TypeSpec; #GH_TypeSpec_Web_Sept2025; #DesktopWeb; #A11yMAS; #WCAG4.1.2; #Name Role Value; #AILimited; #Win11; #FTP; #ChromiumEdge; #Developer Tool;

Environment and OS details:

Application name: typespec.io
URL: https://typespec.io/
ChromiumEdge Version: 140.0.3485.66 (Official build) (64-bit)

Reproduction Steps:

1. Open url "https://typespec.io/playground/?sample=API+versioning" and login with valid Credentials.
2. "TypeSpec Playground" Page will get open.
3. Edit the Code with some errors.
4. TAB till Error button in bottom of the editor Error Section.
5. Observe the issue whether Correct role property is provided to "Error" button or not.

Actual behavior:

Programmatically incorrect role 'generic" is provided for "Error" control.

Expected behavior:

Programmatically suitable role "button" Should be provided for "Error" Control.

User Impact:

Screen Reader users will not be able to get information about the control is role is not programmatically defined.

Attachment:

[ccbarragan]

@timotheeguerin Are we using a MessageBar component to display errors in Playground, or maybe a similar component? Suggest using MessageBar as it has built-in roles already defined. Otherwise looks like the fix is already suggested above ^^ (ensure 'button' is added as role instead of 'generic')

[timotheeguerin]

@ccbarragan we do not, this is not really a notification error but active info of what is showing in the playground.
I believe here the problem is only the open trigger is missing the right role which the message bar wouldn't solve anyway.

[kupatkar99]

Verified the issue in below environment:
https://typespec.io/playground/?sample=API+versioning
issue is fixed. hence closing the bug. please find added attachment for reference.
#Closed;