A11Y - OJS Versions navigation at the top should be structured with semantic marked up

[israelcefrin]

Issue Description

The versions navigation to current and previous OJS versions is not structured with semantic mark up. It results on missing component when assistive technologies outline the page and poor experience on using the links since there are no announcement of how many exist nor which one is the current or activated.

How to reproduce / Current behavior

1. Access "Learning OJS": https://docs.pkp.sfu.ca/learning-ojs/journal-managers/en/
2. Inspect the pill button versions at the top with Browser inspect tool
3. Notice that elements like nav nor ul are missing.

Stack used

• Device: Laptop
• OS: Macos
• Browser: Edge

Testing method

• Method: Manual;

Action

Structure the elements with semantic mark up including:

• nav
• ul/li
• aria-label
• aria-current

Additional information

Current component