Pouvez-vous utiliser un <aside> élément à l'intérieur d'un <section role=“main”> élément?

Je suis dans le processus de l'amélioration de l'accessibilité dans mon code HTML à l'aide de HTML5 et WAI-ARIA.

C'est OK pour avoir le jeu suivant?

<!-- main content -->
<section id="main" role="main">
    <h1>The main content</h1>

    <!-- This div needs to be here for styling reasons -->
    <div class="the-content">    
         <p>All the text that goes with the main content</p>
    </div>

    <!-- the sidebar -->
    <aside id="sidebar" role="complementary">
        <h2>A title</h2>
        <p>Some text</p>
    <aside>
</section>

La chose que je ne suis pas sûr, c'est si je devrais avoir le <aside> élément en dehors de la <section> et la role="main" conteneur. N'est-ce important?

Le titre de cette question est trompeuse. Il implique que vous me demandez de mettre un <aside> élément à l'intérieur d'un <main> élément, alors que le code que vous avez est une <aside> l'intérieur d'un parent <section>
J'ai mis à jour le titre, merci pour le spotting.

OriginalL'auteur shrewdbeans | 2013-07-09