tulup | Modal

Modal

An interactive dialog that "pops up" when activated, like a conventional alert.

The underlying component is Headless UI Dialog.

Default modal

Accessibility

ARIA 1.1role=dialogA dialog is a descendant window of the primary window of a web application
WCAG 2.1Ensure that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
WCAG 2.1Use user interface components that are highlighted by the user agent when they receive focus
WCAG 2.1Ensure keyboard control for all functionality
WCAG 2.1Ensure that touch targets are at least 44 by 44 CSS pixels