explorer: Low Contrast for Content on "Success" Badge

[nortonandreev]

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.

[laremas]

i already designed to fix this, maybe can be closed if codebase is updated.

[nortonandreev]

i already designed to fix this, maybe can be closed if codebase is updated.

We're just going for a pure black, right?