Блог

Является ли это семантическим?

 <!--LINKS-->
<section role="links">

<!--CATEGORIES-->
<section id="categories">
<h3>Categories</h3>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</section>

<!--BLOGROLL LINKS-->
<section id="links">
<h3>Blogroll</h3>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</section>
</section>
  

Вопрос, который вам следует задать, заключается не в том, «Является ли это семантическим?», а в том, «Несет ли это правильную семантику». т. Е. Правильно ли передается значение информации от вас к читателю? В конечном счете, только вы знаете, какой смысл вы хотите передать, поэтому только вы можете ответить на вопрос.

В этом случае, например, вы использовали текст «lorem ipsum». Но фактическое значение может зависеть от того, что на самом деле представляют собой эти ссылки.

Один общий комментарий. Здесь нет роли ARIA links . Рассмотрите возможность использования <nav> элемента вместо <section role="links"> . Элемент nav соответствует роли ARIA navigation но рекомендуется использовать собственный элемент, если это возможно.

Вы можете вкладывать <nav> элементы, поэтому другие разделы также можно изменить, но вам нужно будет подумать, оправдывает ли это природа этих ссылок. В остальном <section> для них все в порядке.

В остальном это выглядит уместно.