Skip to content

Fix link accessibility#4159

Open
VikasKSingh05 wants to merge 3 commits into
processing:developfrom
VikasKSingh05:fix-link-accessibility
Open

Fix link accessibility#4159
VikasKSingh05 wants to merge 3 commits into
processing:developfrom
VikasKSingh05:fix-link-accessibility

Conversation

@VikasKSingh05
Copy link
Copy Markdown

Resolves #4126

Changes

Accessibility color updates

  • Renamed p5-contrast-pink to p5-contrast-light-pink (#FFA9D9)
  • Added a new p5-contrast-dark-pink color (#B20046)
  • Updated existing references to use p5-contrast-light-pink

Theme-specific link colors

  • Light theme links now use p5-contrast-dark-pink
  • Dark theme links now use p5-contrast-light-pink
  • Contrast theme links continue to use p5-contrast-light-pink

Link styling updates

  • Updated shared link styling to use the theme-specific link-text-color variable instead of hardcoded color values
  • Updated About page contact/footer links to use the accessibility-compliant theme link color
  • Preserved existing hover and underline behavior

Why

This change improves link accessibility by ensuring link colors meet WCAG contrast requirements for small text while maintaining consistent behavior across themes.

QA Steps

  1. Start the web editor locally.
  2. Switch to Light Mode.
    • Verify links appear in dark pink (#B20046).
  3. Switch to Dark Mode.
    • Verify links appear in light pink (#FFA9D9).
  4. Switch to Contrast Mode.
    • Verify links appear in light pink (#FFA9D9).
  5. Open the Preferences dialog and verify links use the correct theme color.
  6. Open the About page and verify contact/footer links use the correct theme color.
  7. Confirm links remain underlined and visually distinguishable from surrounding text in all themes.

Screenshots

Light Mode

Screenshot 2026-06-06 154218

Dark Mode

Screenshot 2026-06-06 154305 image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Changing link colors to be higher contrast

1 participant