Overlays
Dialog
Modal decision surface with managed focus, dismissal, and action grouping.Dialog
Accessibility by default
Semantics, focus, and state announcements must match the real task.
Accessible name
Provide visible text or an explicit aria-label when visual content is not enough.
Keyboard and focus
Keep natural DOM order and preserve focus-visible treatment.
State
Disabled, loading, selected, and open states must stay synchronized with the model.