Q:

HTML5 sidebar syntax

I am trying to learn how to write clean HTML5 code and I came across a sidebar.
I need to get something like this:

My code:

<aside>
<section>
    <header>
        <h1>Naujienos</h1>
    </header>
    <ol>
        <li>
            <article>
                <header>
                    <h3>2015-09-20</h3>
                </header>
                <footer>
                    <figure>
                        <img src="image/zagiena-plius.gif" alt="zagienaplius">
                    </figure>
                </footer>
            </article>
        </li>
        <li>
            <article>
                <header>
                    <h3>2013-10-30</h3>
                </header>
                <footer>
                    <figure>
                        <img src="image/mes-rusiuojam.gif" alt="mes-rusiuojam">
                    </figure>
                </footer>
            </article>
        </li>
    </ol>
</section>
</aside>

Am I going in the right direction? Any feedback is appreciated.

A:

The aside element already creates a section, there is no need for an additional section element.
If you use h1 for the aside element’s heading, the headings in the article elements should be h2 instead of h3 (or also h1, but that’s not recommended).
But using article for these short snippets might not be a good idea in the first place (unless they will contain more than just a date and an image), because each article also creates a section.
For the date you should use the time element.

