Semantyczna marża i WAI-ARIA for Tabbed Section?

Jestem w trakcie oznaczania witryny i naprawdę staram się doskonalić swoje umiejętności dostępności. Zastanawiam się, jaka jest najbardziej znacząca marża dla zawartości z kartami. Oto, co mam teraz:

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

Mam kilka konkretnych pytań na ten temat.

Czy jestem na dobrej drodze? Jeśli nie, czy ktoś może polecić jakieś zmiany?Czy muszę wprowadzić zmiany, jeśli miałbym załadować artykuły za pośrednictwem AJAX?Czy potrzebuję tagu nawigacyjnego?Czy role WAI-ARIA są tutaj wystarczające?Czy są to prawidłowe role WAI-ARIA?

questionAnswers(2)

yourAnswerToTheQuestion