Ich bin gerade dabei, eine Site zu markieren, und habe wirklich versucht, meine Barrierefreiheitsfähigkeiten zu verbessern. Ich frage mich, was der semantischste Aufschlag für tabbed-Inhalte ist. Das habe ich jetzt:

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

Ich habe dazu einige konkrete Fragen.

Bin ich auf dem richtigen Weg? Wenn nicht, kann jemand Änderungen empfehlen?Muss ich Änderungen vornehmen, wenn ich die Artikel über AJAX laden möchte?Benötige ich das Navi-Tag?Reichen hier WAI-ARIA-Rollen aus?Sind dies die richtigen WAI-ARIA-Rollen?