Issue Summary

The Calendar buttons such as “Go to previous year“, “Go to previous month", “Go today“, "Go to next month“, and “Go to next year" lack the unordered list semantics.

Steps to Reproduce

1. Open the "Create sprint" modal dialog.
2. Navigate to the "Calendar" and activate it.
3. Navigate to the mentioned instances and inspect the code.
4. Observe that the list structure is not programmed for the buttons that are interrelated with each other. 

Screenshot

Actual Results

List markup is not used for the View option buttons programmatically. For example, buttons such as “Go to previous year“, “Go to previous month", “Go today“, "Go to next month“, and “Go to next year" are not marked as an unordered list that visually looks like a list of related items.

As a result, screen reader users will find it difficult to navigate to the list and different list items quickly.

Expected Results

The buttons should be structured using unordered list markup so that screen reader can identify the list and list items effectively for their users.

Use appropriate list markup, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.

Code Example:

<div class="row nav-row">
  <ul>
    <li><button aria-label="Go to the previous year" class="prev-year combobox-trigger">«</button></li>
    <li><button aria-label="Go to the previous month" class="prev-month combobox-trigger">‹</button></li>
    <li><button aria-label="Go Today" class="go-today">Today</button></li>
    <li><button aria-label="Go to the next month" class="next-month combobox-trigger">›</button></li>
    <li><button aria-label="Go to the next year" class="next-year combobox-trigger">»</button></li>
  </ul>
</div>

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest