Accessibility · Middle · Question 25 of 75

In an accordion, what should the header contain?

1A button inside a heading, with aria-expanded
2A link with href="#" and a click handler
3A div with role="heading" and onclick

Show the answer

Correct answer: A button inside a heading, with aria-expanded

Explanation

The heading keeps the outline and the button handles interaction. aria-controls can link it to the panel.

Further reading

W3C APG: Accordion Pattern ↗

Test yourself

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