Czy można użyć elementu <aside> w elemencie <section section = „main”>?

Jestem w trakcie ulepszania dostępności w moim HTML za pomocą HTML5 i WAI-ARIA.

Czy można skonfigurować następujące ustawienia?

<!-- 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>

Nie jestem pewien, czy powinienem mieć<aside> element poza<section> irole="main" pojemnik. Czy to ma znaczenie?

questionAnswers(4)

yourAnswerToTheQuestion