Practice · 2 of 3

Confirmation Dialog

CHALLENGE

Difficulty: advanced+25 XP

Build a 'Delete file?' confirmation dialog: a <dialog id="confirm-delete"> named via aria-labelledby pointing at its own heading; a form method="dialog" inside it with a destructive button and a safe Cancel button carrying autofocus; a <style> block styling dialog::backdrop. Full document skeleton required.

Press Submit to check your solution.

Back to lesson: Practice: Native Disclosure & Dialogs — Practice