Build a modal dialog. It has a title, some content, a Cancel and a Confirm button, and it opens from a "Delete account" button. Tell me everything it has to do that is not visible.

Answer it out loud before you open anything. The value of the flags below is in comparing them to what you actually said.

The situation behind the question

A design system team is replacing twelve ad-hoc modals across a product. The existing ones are absolutely-positioned divs with an overlay, and one of them is used for a destructive confirmation.

What it is really testing

Whether accessibility is part of how the candidate builds a component or a checklist they run afterwards. A modal is the canonical test because almost every requirement — focus, escape, inertness, announcement, return focus — is invisible to a mouse user and mandatory for everyone else.

Where the mechanism is taught