fix: resolve WCAG AA color contrast violations #34
+8
−9
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR addresses 19 accessibility violations detected by IBM A11Y Checker related to insufficient color contrast ratios. All changes ensure text elements meet WCAG AA requirements for contrast against their backgrounds.
Problem
The IBM A11Y Checker identified multiple instances where text contrast ratios failed to meet WCAG AA standards (minimum 4.5:1 for normal text, 3:1 for large text). These violations impact readability and accessibility for users with visual impairments or color vision deficiencies.

Why is this important?
When text and its background colors have less than a 4.5 to 1 contrast ratio it can be difficult for people with moderately low vision to read the text without contrast-enhancing technology. For larger text of 18 point or more or bold 14 point text, the text and background colors must give at least a 3 to 1 contrast ratio.
Solution
Updated color values throughout the codebase to improve contrast ratios:
--text-mutedBase Color#5a6480→#96a1c0src/layouts/Layout.astro--text-secondaryReplaced several instances of
--text-mutedwith--text-secondaryfor better visibility:.cta-sub).feature-desc).pm-btn,.hackable-btn,.os-btn,.win-shell-btn).install-option).footer .disclaimer)opacity: 0.7which further reduced contrastwhite→var(--bg-deep).latest-badgeTesting
All changes have been validated to ensure:
✅ Text contrast ratios meet WCAG AA requirements
✅ Visual hierarchy remains clear and intentional
Fix Before: 19 Violations

Fix After: All 19 Violations have been resolved