Семантическая разметка и 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 для использования?