Accessibility · Senior · Question 23 of 75

How does the `popover` attribute differ from a modal `<dialog>`?

1It's non-modal: the page stays interactive and focus isn't trapped
2It's fully modal, and it adds inert to all content behind it
3It's identical, but its name is shorter and it has no top layer

Show the answer

Correct answer: It's non-modal: the page stays interactive and focus isn't trapped

Explanation

Popovers give top layer, light dismiss and Esc for free, which suits menus and toasts. For blocking tasks, use showModal().

Further reading

Test yourself

Take the Accessibility · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.