Modal

Ensure dismissal options are accessible.

Backdrop clicks are accessible when enabled.

When noDismiss is false, users can click the backdrop to close the modal. The backdrop is keyboard accessible and screen reader users are informed of this option.

The dismiss button is clearly labeled and accessible.

The dismiss button uses aria-label="Close" and is keyboard accessible, allowing users to close the modal without using the mouse.

Non-dismissible modals clearly communicate their state.

When noDismiss is true, the backdrop and dismiss button are not available, and screen readers communicate that the modal cannot be dismissed until the action is completed.