Dynamic content

Some common UI patterns involve manipulating the page dynamically; some need a bit of help from JavaScript to work

Play with a type of dynamic content

ARIA live regions: ARIA live regions are areas of content that update when the user interacts with something else on the page Typically, focus is not drawn to the live region content and instead stays where it was when the user triggered the change
Accordions: HTML gives us the ability to show and hide content using native elements
Modals: Modals and dialogs are content areas that belong to a page but wouldn't make sense on a new page