Hallo

Sieht gut aus, nach dem nu-Validator braucht section eine Überschrift, das erreichst Du, indem Du den header vielleicht in h1 oder h2 umbenennst. h2 darf ja auch Bilder enthalten.

… wie auch h1, h3, h4, etc. pp.

Wenn Du im header eine h1 hast, muss article eine h2 bekommen, sonst passt es so.

Ja, aber warum sollte jeder Artikel sowohl h1 als auch, direkt darauf folgend, h2 haben?

Wenn die Seite selbst eine h1 als Titel hat, sollte die Überschrift/der Titel eines jeden Artikels eine h2 sein. Dies unbelassen der Diskussion, ob es nicht besser nur noch ein Element für Überschriften gäbe und sich die Struktur durch die bestimmt überall konsequent erfolgende Strukturierung des Dokuments mit den passenden Elementen erfolgen würde.

Apropos Strukturierung. Bisher habe ich in Beschreibungen immer folgenden Aufbau gesehen, was nicht heißt, dass es nicht anders ginge. Vielleicht ergeben sich da noch andere Sichtweisen.

Meine Schlussfolgerung aus den Beschreibungen, die ich gelesen habe, war, dass entweder Article benutzt wird und Section dann Kind von Article ist oder, dass Section allein benutzt wird.

Also

<header>  
 <h1></h1>  
</header>  
<main role="main">  
 <article>  
  <section>  
   <h2></h2>  
  </section>  
  <section>  
   <h2></h2>  
  </section>  
 </article>  
 <article><!-- oder -->  
  <h2></h2>  
  <section>  
   <h3></h3>  
  </section>  
  <section>  
   <h3></h3>  
  </section>  
  <section>  
   <h3></h3>  
  </section>  
 </article>  
</main>

oder

<header>  
 <h1></h1>  
</header>  
<main role="main">  
 <section>  
  <h2></h2>  
 </section>  
 <section>  
  <h2></h2>  
 </section>  
 <section>  
  <h2></h2>  
 </section>  
 <section>  
  <h2></h2>  
 </section>  
</main>

Gibt es dafür feste Regeln?

Und zu guter Letzt, beim Element <picture> sollte man beachten, dass es momentan nur mit Chrome und Opera funktioniert. Zudem ist es nicht sinnvoll angewendet, wenn es nur das Element <img> beïnhaltet. Dann kann es auch weggelassen werden. Sinnvoll ist es in Kombination mit <source>, damit man für verschiedene Auflösungen verschiedene Bilder referenzieren.

Tschö, Auge