[PWA Builder]: Action Items – “Learn more” and “Edit your manifest” links do not provide a clearly visible keyboard focus indicator.

[Anshi0420]

What happened?

When keyboard focus lands on the “Learn more” and “Edit your manifest” links, there is no visible focus boundary, outline, or underline. Only a very subtle color change appears, which is difficult to perceive and does not clearly indicate focus to the user.

How do we reproduce the behavior?

Repro Steps:

1. Open the PWA Builder URL in Anaheim dev browser.
2. PWA Builder page will appear.
3. Now navigate to the expand/collapsed buttons present under the Action items heading.
4. Activate it and expand now move to the "learn more" link and "Edit your Manifest button".
5. Observe the keyboard focus.

What do you expect to happen?

The element should display a clearly visible keyboard focus indicator, such as a distinct outline, underline, or high-contrast visual cue, so users can easily identify which link currently has keyboard focus.

What environment were you using?

Test Environment:
OS Build: Windows 11 Enterprise Insider Preview 25H2 (26300.8493)
Edge Browser: Version150.0.4041.0 (Official build) dev (64-bit)
User ID: V-
URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app

Additional context

User Experience:
Keyboard-only users and users with low vision may not notice the subtle color change and cannot reliably determine which link is focused.

Note:
Same issue is present for the close button present inside package for store dialogue and View log button present on the page.

WCAG Reference:
https://www.w3.org/WAI/WCAG22/Understanding/focus-visible

Attachments:

Learn.more.and.Edit.your.manifest.links.do.not.provide.a.clearly.visible.keyboard.focus.indicator.mp4