Open
Description
Describe the bug
- The arrows in the "Go Back" and "Up Next" buttons have insufficient contrast in the Dark mode, making them difficult to read against the button background. This affects usability and does not meet WCAG guidelines for accessibility.
- Inconsistent vertical stacking and alignment of text and arrows in 'Go Back' and 'Up Next' buttons across all screen sizes.
Steps To Reproduce
- Navigate to any page with "Go Back" and "Up Next" buttons
- Observe the color contrast of the arrows in the navigation buttons.
- Compare the arrow color with the background to verify readability issues.
- Halve the tab, check the text alignment in arrow buttons
Expected Behavior
- The arrow color should contrast clearly with the button background to ensure readability. It should meet WCAG contrast standards and be visible under normal viewing conditions.
- Ensure consistent vertical stacking and alignment of text and arrows in 'Go Back' and 'Up Next' buttons across all screen sizes.
Screenshots
Device Information [optional]
- OS:Ubuntu 24
- Browser:Firefox
- version:LTS
Are you working on this issue?
Yes
Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)
No