Issue Summary

The current state is not defined for the currently selected pagination button.

Steps to Reproduce

1. Open the "Project - Waiting for Support" page.
2. Navigate to the main content.
3. Navigate to the pagination buttons.
4. Inspect the code.
5. Notice that the current page state is not programmatically defined.

Screen Recording

JSM_ Waiting for support - Google Chrome 2023-08-28 18-33-11.mp4

Actual Results

The current state is not programmatically defined for the currently active pagination button.
As a result, screen reader users will not be aware of the currently active state of the button.

Expected Results

Ensure that the current state of the active pagination button is defined using the "aria-current" attribute with an appropriate token value.
Apply the following changes:

• Add the aria-current="page" attribute to <button> element of the button.
• Ensure that the "aria-current" attribute is updated as per user interaction using scripting.

Code Snippet

<button page="1" class="css-13cqjti" type="button" aria-current="page" tabindex="0">
<span class="css-178ag6o">1</span>
</button>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest