Ajuste de semântica HTML no menu lateral do artigo

[ramoncordini]

Descrição da tarefa

O menu lateral que lista as seções do artigo está atualmente envolvido por uma <div>. Considerando que este elemento representa um bloco de navegação interna da página, o mais adequado semanticamente é utilizar a tag <nav>.

A alteração consiste em substituir a <div> que envolve o menu pela tag <nav>, mantendo toda a estrutura interna inalterada.

Essa mudança melhora a semântica do HTML e facilita a interpretação por tecnologias assistivas, como leitores de tela.

Código atual:

<div class="col-12 col-md-4 col-lg-3">
  <ul class="articleMenu list-group mt-4" style="width: 15px;">
    <li class="selected"><a href="#articleSection0">ABSTRACT</a></li>
    <li><a href="#articleSection1">RESUMO</a></li>
    <li><a href="#articleSection2">Text</a></li>
    <li><a href="#articleSection3">ACKNOWLEDGEMENTS</a></li>
    <li><a href="#articleSection4">REFERENCES</a></li>
    <li><a href="#articleSection5">Data availability</a></li>
    <li><a href="#articleSection6">Edited by</a></li>
    <li><a href="#articleSection7">Publication Dates</a></li>
    <li><a href="#articleSection8">History</a></li>
  </ul>
</div>

Código esperado:

<nav class="col-12 col-md-4 col-lg-3">
  <ul class="articleMenu list-group mt-4" style="width: 15px;">
    <li class="selected"><a href="#articleSection0">ABSTRACT</a></li>
    <li><a href="#articleSection1">RESUMO</a></li>
    <li><a href="#articleSection2">Text</a></li>
    <li><a href="#articleSection3">ACKNOWLEDGEMENTS</a></li>
    <li><a href="#articleSection4">REFERENCES</a></li>
    <li><a href="#articleSection5">Data availability</a></li>
    <li><a href="#articleSection6">Edited by</a></li>
    <li><a href="#articleSection7">Publication Dates</a></li>
    <li><a href="#articleSection8">History</a></li>
  </ul>
</nav>

Objetivo da alteração

• Melhorar a semântica da marcação HTML
• Tornar explícito que o elemento representa uma região de navegação
• Melhorar a acessibilidade para leitores de tela