Meine Frage zum Aufbau ob ich damit richtig liege, wenn ich es wie folgt umsetzte:
<main role="main">
<nav>
</nav>
<section id="content">
<header>
<picture><img src="" alt=""></picture>
</header>
<article>
<h1>Hier kommt eine Überschrift rein</h1>
<p>Hier kommt der Inhalt rein</p>
</article>
</section></main>
Sieht gut aus, nach dem nu-Validator braucht [section](http://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/section) eine Überschrift, das erreichst Du, indem Du den header vielleicht in h1 oder h2 umbenennst. h2 darf ja auch Bilder enthalten.
Wenn Du im header eine h1 hast, muss article eine h2 bekommen, sonst passt es so.
Alternativ könntest Du nav aus main heraus (und evtl. in header) tun und hättest dann:
~~~html
<nav>
</nav>
<main role="main">
<header>
<picture><img src="" alt=""></picture>
</header>
<article>
<h1>Hier kommt eine Überschrift rein</h1>
<p>Hier kommt der Inhalt rein</p>
</article>
</main>
LG Matthias