content(accessibility): add Forced colours mode page#50
Merged
Conversation
New page documenting the `forced-colors` media feature (CSS Media Queries Level 5) and `forced-color-adjust` (CSS Color Adjustment Module Level 1) — how to repair UI that Windows High Contrast and similar palettes flatten, without overriding the user's choice. Status: recommended (forced colours works automatically for semantic markup; this is about not breaking it, so the platform contract does not break without it). Baseline: widely available since Sept 2022. Wires relatedSlugs on colour-contrast, reduced-motion, and color-scheme; adds changelog entry and count-driven OG images. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Deploying specification-website with
|
| Latest commit: |
e7a9876
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://3cd93b86.specification-website.pages.dev |
| Branch Preview URL: | https://standards-scan-forced-colors.specification-website.pages.dev |
The og:image/twitter:image base was hardcoded to site.url (specification.website). On a Cloudflare Pages preview deployment a brand-new page's OG image only exists on the preview origin, not yet on production, so the card 404'd and no social image rendered for the page under review. Point the social image at CF_PAGES_URL when CF_PAGES_BRANCH is set and isn't main; production and local builds keep site.url. Canonical and og:url are untouched, so preview pages still self-canonicalise to the production domain. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
What changed
New spec page: Forced colours mode under
accessibility. Documents theforced-colorsmedia feature andforced-color-adjustproperty — how to repair UI that a forced palette (Windows High Contrast and similar) flattens, using CSS system colour keywords, without overriding the user's choice.relatedSlugsoncolor-contrast,reduced-motion, andcolor-scheme.changelogentry (added).npm run buildpasses (146 pages indexed). SKILL.md uses a soft "140+ pages" figure that's still accurate, so no digest change.Why now
Found by the daily standards scan. It's a genuine coverage gap: we cover
prefers-reduced-motion, colour contrast, andcolor-scheme, but nothing on forced colours — the mode some low-vision and light-sensitive users depend on.Primary sources
forced-colorsforced-color-adjustforced-colorsStatus:
recommendedForced colours works automatically for semantic markup; this page is about not breaking it and repairing the few places a palette erases a colour-only distinction. The platform contract doesn't break without it, so it's
recommended, notrequired. Baseline: widely available since Sept 2022 (verified via MDN — the MDN MCP server was not connected this run, so this was checked via MDN directly).🤖 Generated with Claude Code