Purpose:
Groups thematically related content in a document.
Use Cases:
- Grouping related content, like FAQ sections.
- Wrapping sections in articles or landing pages.
Accessibility:
- Consider using an
aria-labelledbyif a section has a heading. - Use only when content has a heading or needs a semantic wrapper.
<section aria-labelledby="about-title">
<h2 id="about-title">About Us</h2>
<p>Our mission is to make travel accessible for everyone.</p>
</section>