Skip to content

aria-hidden=true on body breaks Accessibility <body class="ReactModal__Body--open" aria-hidden="true"> #359

Open
@pauljadam

Description

@pauljadam

Summary:

Screen reader users cannot interact with any modal content because aria-hidden=true is incorrectly placed on the body tag.

Steps to reproduce:

  1. Open a test modal, https://reactcommunity.org/react-modal/examples/minimal.html.
  2. Activate modal dialog.
  3. Check that aria-hidden=true is incorrectly placed on the body tag of the modal's html document.

Expected behavior:

Screen reader user is trapped inside the modal dialog.

Actual behavior:

Screen reader user can't interact with anything on the page at all because of aria-hidden=true on the body.

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