Skip to content

[PWA Builder]: Action Items – Expand/Collapse buttons do not show visible keyboard focus. #5887

@Anshi0420

Description

@Anshi0420

What happened?

The expand and collapse buttons under the Action Items heading receive keyboard focus functionally, but no visible focus indicator is displayed.

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. Observe the keyboard focus issue.

What do you expect to happen?

The element should display a clear and visible keyboard focus indicator when the expand or collapse button receives focus, allowing keyboard users to easily identify the currently focused control.

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:
This creates confusion, increases cognitive effort, and makes it difficult to confidently operate expand and collapse functionality without accidentally activating the wrong control.

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

Attachments:

ction.Items.ExpandCollapse.buttons.do.not.show.visible.keyboard.focus.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    A11yCTA11ySev2Accessibility Team tag - P2 itemsA11yWCAGAccessibility Team tag - Web Content Accessibility GuidelinesAccessibility [E+D]Issues found by the accessibility E+D Team at MicrosoftCT-Apr26Full Conformance Test pass tracking tagHCL-E+DPWABuilder_WebProduct-PWABuilderFor Tracking PWABuilder bugs by Accessibility E+D teambug 🐛needs triage 🔍

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions