Skip to content

Improve and fix accessibility issues in Modal block #1041

@mauteri

Description

@mauteri

Describe the bug

Good example of proper accessibility for modal.

I met with Gen Herres to review accessibility of new blocks. Two improvements can be made to the Modal block that we discovered.

  • After clicking escape, close, or clicking outside the modal which closes it, focus should return to the button that original opened the modal. Right now, focus is lost.
  • After clicking "Attending," the modal does not close (which is correct), however, focus should be on "Close" as that's the next logical step (if close button exists).

Steps to Reproduce

To come...

Screenshots, screen recording, code snippet

No response

Environment information

No response

WordPress information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

Labels

accessibilityImprovements on accessibility

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions