Markup Validation Service warnings

mr-toc

Bonsoir,

En essayant de valider une page, je me suis rendu qu'il y a avait plusieurs avertissements:

Line 56, Column 9: Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).

<h1>

Line 47, Column 9: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

<section>

http://validator.w3.org/check?uri=http%3A%2F%2Fblog.monsite.com%2Farticle35%2Fsteganographie-l-art-de-dissimuler-un-message&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices


Si quelqu'un peut m'expliquer.

yomli

Le premier warning indique que tu utilises plusieurs fois <h1>, ce qui est sémantiquement déconseillé (c'est comme avoir deux titres de bouquins différents sur une même couverture de livre). Ton <article> devrait avoir un <h2> comme titre.

Le second vient du fait qu'une <section> se doit d'avoir au moins un élément de titre :

[== HTML ==]
<section>
    <h2>Ton titre</h2>
     <p>Ton contenu</p>
</section>

Change donc ta <section> en simple <div> dans le corps de l'<article>.

Plus d'infos : HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav

Gzyg

@yomli : NON !

En HTML5 plusieurs h1 sont totalement sémantiques et recommandés à condition qu'ils se trouvent encadrés de balises <header></header> elles-mêmes à l'intérieur de bloc <article> ou <section>.

http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

Les avertissements des validateurs (qui ne sont pas forcément à jour de html5) ne sont que des avertissements, pas des erreurs.


à plus,

Gzyg

Stéphane

+1. tout comme Gzyg

mr-toc

Merci, pour la réponse. Je suis plutôt surpris que les validateurs ne sont pas à jour.

C'était plus par curiosité, mon site s'affiche correctement et c'est l'essentiel.

yomli

Ok, [em]mea culpa[/em], c'est sémantiquement correct. N'empêche, il est bien [em]fortement encouragé[/em] de ne pas le faire :

W3C Recommendation 28 October 2014 a écrit:

Sections may contain headings of any rank, and authors are [em]strongly encouraged[/em] to use headings of the appropriate rank for the section's nesting level.

(l'emphase est de moi, http://www.w3.org/TR/2014/REC-html5-20141028/sections.html#headings-and-sections)
D'où, à mon avis, l'avertissement généré par les validateurs. Encore une fois, ce n'est pas une erreur, mais je donnais simplement un conseil pour enlever cet avertissement.

Gzyg

@yomli : ce qui est encouragé ici par le w3c c'est de respecter la hiérarchie des titres dans les sections et leurs sous-sections. Le bout de phrase important dans ta citation est : section's nesting level, soit le respect hiérarchique de l'imbrication des sections ou des articles avec un header et un titre correspondant au niveau de cette imbrication.

Exemple :

[== HTML ==]
<article>
  <header>
    <h1>Titre</h1>
  </header>
  <section>
    <header>
      <h2>Sous-titre</h2>
    </header>
    <section>
      <header>
        <h3>Sous-titre de sous-section</h3>
      </header>
    </section>
  </section>
  <section>
    <header>
      <h2>Sous-titre</h2>
    </header>
  </section>
</article>
<article>
  <header>
    <h1>Titre</h1>
  </header>
</article>

à plus,

Gzyg

yomli

@Gzyg : Ok, ça me parait clair, merci