Repository navigation
A11Y-001: the kitchen display's page is its own ink - #1012
Merged
Merged
Conversation
The display is a dark presentation in either theme, its wash a fixed -z-10 layer rather than an ancestor of the text. A checker that reads the page behind it (axe) measured the light theme's page colour instead: at 390 px, "Today's Schedule" white on #f6f7fc, 1.05:1, the one /display finding in a full light sweep. The same light page showed on overscroll. body:has(.kitchen-display) takes the display's own ink, #0b1020, and the display's root carries the marker. The wash still paints over it (sampled: body rgb(11,16,32), screen corners tinted 20,26,59 and 31,37,60). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01TRY21ZKsFrfB3qtoP972A4
|
The latest updates on your projects. Learn more about Vercel for GitHub. |
NewWorldVenture
marked this pull request as ready for review
October 11, 2026 10:02
This was referenced Oct 11, 2026
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
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.
A11Y-001: this clears the last /display finding in a full axe sweep.
The defect
The kitchen display (
/display) is a dark presentation in either theme. Its ambient wash is afixed -z-10layer, not an ancestor of the text. A checker that reads the page behind the text, as axe does, therefore measured against the light theme's page colour.The sweep: main ebe03c2 + #1008, #1009 and #1010, all 246 member routes, both themes, 1280 and 390 px, every impact level. Its only finding on /display was light at 390 px: "Today's Schedule" white on
#f6f7fc, 1.05:1. That is not what is on screen; #1006 measured the real contrast from the pixels.The same light page also showed on overscroll.
The fix
body:has(.kitchen-display)takes the display's own ink,#0b1020, the colour its wash already starts from.kitchen-displaymarker, besidekeep-dark-palette.The wash and its glows still paint over the body. Sampled on this branch at 390 px in the light theme: the body is
rgb(11, 16, 32), and the screen corners are20,26,59and11,19,39, the tinted wash, not the bare ink.Tests
tests/the-kitchen-display-page-is-its-own-ink.test.tspins the rule and the marker. It also pins the wash's ownbg-[#0b1020], so the page and the display keep the same ink.mainc95b118)/display, every impact, light and dark at 1280 and 390 (local production builds, seeded household; not committed). Before = the integration sweep aboveglobals.cssnpm run lintmainNot changed: text over the featured recipe's photo, which stays your call as in #1006. Nor the hovered brand button on renewals, referrals and wallet babysitters (white on
bg-brand/90, 4.18–4.21 in light at 390). That is the shared button, and the sweep's only other finding.No migration, configuration or dependency change.
🤖 Generated with Claude Code
https://claude.ai/code/session_01TRY21ZKsFrfB3qtoP972A4