Groups: Decorative content announced by the screen reader

Issue Summary

The decorative content such as "<<" and ">>" is read out by the screen reader.

Steps to Reproduce

1. Open the "Groups" page.
2. Using the screen reader, navigate to the mentioned instances.
3. listen the extra content that is read out by the screen reader.

Screen Recording

Screen Recording 2024-01-16 at 5.20.18 PM.mov

Screenshot

Actual Results

The pagination controls "Previous" and "Next" buttons have the special characters “>>” and “<<” in their labels, which are output as “double left-pointing angle bracket” and “double right-pointing angle bracket”.

This results in long screen reader output.

Expected Results

The special characters should be hidden for blind users, i.e. the element with the special characters should be marked with aria-hidden="true". 

Code Example:

<span aria-hidden="true" class="sc-eNQAEJ fAbPPh">«</span>

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 Sonoma 14.2
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest