How to Fix the error "Sibling headings must be unique"

More info:

Example 1: Screen Recording 2022-09-15 at 04.51.24 PM (CMS created empty elements)

Example 2: Screen Recording 2022-09-15 at 05.01.36 PM (Redundant titles)

Key Takeaways:

• Each page should have only 1 h1

• Each h element (h2, h3, h4, etc) should have text that is unique (e.g "Rates" becomes "Auto Loan Rates", "RV Rates", etc)

• h tags should never be empty
  
  

What to check:

• Do I have multiple h2's on my page with the same inner text?

• Do I have multiple h3, h4, h5 elements in the same section with the same text

• Do I have  h tags on my page (h1, h2, h3, etc), which have no content

• Do I have a modal or alert that the has the same title as a section of my page

FAE Example

Image 2022-09-15 at 5.18.36 PM

Examples

Incorrect

<section>
<h2>Rates</h2> <!-- ? incorrect because the h2 "rates" appears twice in teh document -->
<ul>
...
</ul>
</section

<section>
<h2>Rates</h2> <!-- ? incorrect because the h2 "rates" appears twice in teh document -->
<ul>
...
</ul>
</section

Correct

<section>
<h2>Auto Loan Rates</h2> <!-- ✅ Correct beacuse the sections are differentiated by a more specific title -->
<ul>
...
</ul>
</section

<section>
<h2>RV Loan Rates</h2> <!-- ✅ Correct beacuse the sections are differentiated by a more specific title -->
<ul>
...
</ul>
</section