Семантическая разметка и WAI-ARIA для раздела с вкладками?

Я нахожусь в процессе разметки сайта, и я действительно пытался отточить свои навыки доступности. Мне интересно, какая семантическая разметка для контента с вкладками. Вот что у меня сейчас:

<section>
  <nav>
    <a href="#tab" aria-controls="content">Stuff</a>
    <a href="#tab" aria-controls="content">Stuff</a>
    <a href="#tab" aria-controls="content">Stuff</a>
  </nav>
  <section id="content" aria-live="polite" role="region">
    <article>...</article>
    <article>...</article>
    <article>...</article>
   </section>    
</section>

У меня есть несколько конкретных вопросов по этому поводу.

Я на правильном пути? Если нет, может кто-нибудь порекомендовать некоторые изменения?Нужно ли вносить изменения, если я загружаю статьи через AJAX?Нужен ли мне навигационный тег?Достаточно ли здесь ролей WAI-ARIA?Это правильные роли WAI-ARIA для использования?

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

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