w3c html validation error - Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections

Vidhi picture Vidhi · Jun 11, 2014 · Viewed 56.7k times · Source

I am getting a warning when I try to validate my page in http://validator.w3.org :

Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

My code is as below :

<section id="slider-wrapper-new">
    <div class="slider-container-new">
        // some code..
    </div>
</section>

How can I remove this error ? Do I compulsory need to add h1-h6 tags inside section heading ?

Answer

Robby Cornelissen picture Robby Cornelissen · Jun 11, 2014

Either:

  1. Add a heading (h1, ..., h6) tag to your section element.
  2. Replace your section element with a div element.
  3. Ignore the warning. The message you're seeing is a non-normative usage recommendation, as per the HTML5 spec (highlighting mine):

The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.