Get instant access to this builder accessibility guide.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Choose Your Builder
Menu

Use One Page Heading - Elementor

Each page should have a single H1 that describes what the page is.
Layout
Developed by DAPEN.org

Use One Page Heading in Elementor

  1. Open your WordPress dashboard, navigate to the page you want to edit, and click Edit with Elementor.
  2. Scroll to the main page title—the text that represents the primary topic of the page.
  3. Select the heading widget. In the left panel under the Content tab, open the HTML Tag dropdown.
  4. Set this primary heading to H1. This should be the only H1 on the page.
  5. Scroll through the rest of the page and select each additional heading widget.
  6. For every other heading:
    • Open the HTML Tag dropdown.
    • Change any extra H1s to H2 or lower (H3, H4, etc.) based on section hierarchy.
  7. If a text widget is styled visually like a heading but uses the wrong tag:
    • Select the widget → Content → HTML Tag.
    • Assign the correct level (H2–H6) while keeping the visual style under the Style tab.
  8. Verify heading hierarchy section by section:
    • H1: page title (one per page)
    • H2: major sections
    • H3–H4: subsections
  9. Check any template parts (header/footer) to ensure they do not contain unintended H1 elements. Adjust their tags if needed using the same HTML Tag control.
  10. Click Update to save changes, then preview the page and scan from top to bottom to confirm the visual structure matches the semantic heading order.
Previous
Make Focus Visible - Elementor
Make Focus Visible - Elementor
Next
Keep Sections Ordered - Elementor
Keep Sections Ordered - Elementor