dusk-network / dusk-network/explorer
explorer: Low Contrast for Content on "Success" Badge
Open
@nortonandreev is already working on this.
Since Jul 4, 2024.
fix:bug
- Dominant language
- JavaScript
- Stars
- 4
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Description
The current color contrast for the "success" badge is not compliant with the APCA (WCAG 3) standards for accessibility.
- Foreground color: #101010
- Background color: #16db93
While this combination passes the WCAG 2 requirements, it fails the APCA standard. Switching the foreground to white also does not meet APCA requirements.
Action Items
- Explore using a darker shade of green for the background to ensure compliance with APCA standards.
- Review and adjust the color contrasts for the "error" and "warning" states to ensure they comply with WCAG 3.
Additional Information
- APCA: Accessible Perceptual Contrast Algorithm is the new standard for testing accessibility regarding color contrast.
- WCAG 2: Web Content Accessibility Guidelines version 2.
- WCAG 3: The upcoming version of the Web Content Accessibility Guidelines which includes APCA.
Please ensure that all badge states are reviewed and updated accordingly to maintain accessibility standards.
The WCAG 3 checker can be found here.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.