Skip to content

Modal keyboard focus not trapped for screen reader users with arrow keys - The email opt-in modal #1778

Description

@MajoMaldonado

Location / URL: https://edac-vpat.instawp.co/wp-admin/admin.php?page=accessibility_checker
Screenshot:

Image

WCAG S.C: 2.4.3 Focus Order (Level A)

Issue Description: The modal correctly traps keyboard focus when navigating with the Tab key. However, screen reader users can navigate outside the modal using the virtual cursor (e.g., arrow keys in NVDA) and access content behind the dialog while the modal remains open. This allows users to interact with background content that should be unavailable until the modal is dismissed, resulting in an inconsistent and confusing user experience.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions