search

pwa-builder / PWABuilder

The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
https://docs.pwabuilder.com
Other
2.54k stars 273 forks source link

[PWA Builder]: Element Role Does Not Support ARIA Attributes. #4759

Open Anshi0420 opened 1 week ago

Anshi0420 commented 1 week ago

What happened?

An HTML element has been assigned ARIA attributes that are not supported by its role attribute.

How do we reproduce the behavior?

Repro Steps:

  1. Open the given PWA Builder URL in Anaheim dev browser.
  2. Run the Fast pass from the AI4W.
  3. Observe the issue.

What do you expect to happen?

Ensure that the role attribute of an element aligns with the ARIA attributes used, ensuring compatibility and correct functionality.

What environment were you using?

Test Environment:

OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461) Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit) URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app Tool: AI4W

Additional context

Element path: app-index,app-report,.icon-and-name:nth-child(4) > sw-info-card > .circle-icon[aria-haspopup="true"][slot="trigger"]

How to fix: Fix all of the following: ARIA attribute is not allowed: aria-expanded="false"

User Impact: When the role attribute does not support the assigned ARIA attributes, assistive technologies may not interpret or convey the intended information correctly to users with disabilities.

WCAG Reference: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value

Attachments:

image

image

image

microsoft-github-policy-service[bot] commented 12 hours ago

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .