Можете ли вы использовать элемент <aside> внутри элемента <section role = «main»>?

Я нахожусь в процессе улучшения доступности моего HTML с использованием HTML5 и WAI-ARIA.

Можно ли настроить следующее?

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

В чем я не уверен, так это в том,<aside> элемент за пределами<section> иrole="main" контейнер. Это имеет значение?

Ответы на вопрос(4)

Ваш ответ на вопрос