[Image] Transparent Images in Dark Mode

[xinemata]

Title

[Image] Transparent Images in Dark Mode

Description

In dark mode, images with transparent backgrounds may not be visible.

Steps to Reproduce

1. Go to https://p5js.org/contribute/fes_contribution_guide/
2. Locate the Accessibility drop-down menu, select Dark Mode
3. 

Actual Behavior

The transparent image is barely visible in dark mode.

Expected Behavior

Image content and background color should have a minimum of 4.5:1 contrast ratio.

Environments

Browser & Version: Chrome 138
Operating System & Version: macOS 15.1

Suggested Fix

• Possibly update CSS to apply invert() to dark mode images
• Or ensure that images on the website don't have a transparent background

Reference

1.4.3 Contrast (Minimum) Level AA

What is your operating system?

Mac OS

Web browser and version

Chrome 138

[reshma045]

@xinemata I'd like to work on this issue. Can you assign it to me?