search

Azure / awesome-azd

An awesome list that curates content (articles, videos, tutorials and docs) and templates (ready to use) for the Azure Developer CLI (`azd`). Plus a hosted azd-templates Gallery to simplify search & discovery
https://aka.ms/awesome-azd
MIT License
141 stars 70 forks source link

Incorrect role Expand/Collapse state is defined for the copy button.: A11y_Awesome AZD_Filter Results_Viewing templates_Name role value. #351

Open Harika1702 opened 3 months ago

Harika1702 commented 3 months ago

Tags

A11yTCS; #A11ySev3; #A11yMAS; #WCP; #ChromiumEdge; #FTP; #Win11; #awesome-azd-wcp; #WCAG4.1.2; #Name Role value; #AILimited; #DesktopWeb; #Feature_AwesomeAZD_Web_Mar2024;

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

Environment Details:

Application: Awesome AZD URL: https://azure.github.io/awesome-azd/ Chromium Edge: Version 123.0.2420.20 Windows 11 Enterprise. Version 23H2 OS build 22631.2050.

Repro Steps:

  1. Hit this URL: https://azure.github.io/awesome-azd/.
  2. Tab till “View templates" results section.
  3. Tab till "Copy" button
  4. Now verify the issue that Incorrect role Expand/Collapse state is defined for the copy button or not.

    Actual Result:

    Incorrect role Expand/Collapse state is defined for the copy button.

    Expected Result:

    Role for the copy control should only defined as "button".

    User Impact:

    Screen reader users will be confused if the role for copy button defined as expand/collapsed along with the role button.

Attachment:

https://github.com/Azure/awesome-azd/assets/100270074/95a69eb6-fc86-4fe6-97bf-35bd08cd5c50