Skip to main content

Curbcut WCAG AAA

Divider

A horizontal rule for separating content regions.

Above the line.


Below the line, and a stronger variant:


Show the markup
<p class="cc-paragraph">Above the line.</p>
<hr class="cc-divider">
<p class="cc-paragraph">Below the line, and a stronger variant:</p>
<hr class="cc-divider cc-divider--strong">

Accessibility

  • A real <hr> carries separator semantics. If the rule is purely decorative, add aria-hidden="true".
  • Prefer headings over dividers when the split is a new section — structure beats decoration.