Skip to content

[PWA Builder]: Carousel pause/play button causes keyboard focus to be lost after activation. #5886

@Anshi0420

Description

@Anshi0420

What happened?

After activating the carousel “Pause/Play” button, keyboard focus is lost (no visible focus indicator on any element). When pressing Tab, focus returns back to the same “Pause/Play” button instead of continuing from the user’s current position in the focus order.

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 play/pause carousel button.
  4. Activate it pressing enter.
  5. Observe the keyboard focus issue.

What do you expect to happen?

The element should retain keyboard focus after activation (or move focus in a predictable way to the next logical element) so that pressing Tab continues to the next focusable control in sequence without resetting focus back to the same button.

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/

Additional context

User Experience:
This forces them to re-orient and re-tab through content, making navigation confusing and inefficient, and may prevent users from confidently continuing through carousel controls and surrounding page content.

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

Attachments:

Carousel.pauseplay.button.causes.keyboard.focus.to.be.lost.after.activation.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    A11yCTA11ySev3Accessibility Team tag - P3 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