diff --git a/plan/site-a11y.md b/plan/site-a11y.md index 9871d10..4aa083c 100644 --- a/plan/site-a11y.md +++ b/plan/site-a11y.md @@ -49,6 +49,25 @@ the specific mistake the second item above records. ## Done +- [x] **The bar's Coming soon stamp covered the labels it marked.** It was + absolutely positioned and turned 70 degrees across its own label, which + made LEADERBOARDS and OBSERVE unreadable at every width in both themes — + and once the bar wrapped, the two marks came down on ABOUT and UPDATES on + the row underneath, so four labels were illegible and the group rule was + left orphaned beside them. Out of the flow is what let a mark land + anywhere, so the stamp is in the flow now, under the label, the way the + pilot card's tiles already carry it. + + It costs height rather than width — one short line under two of the ten + — so the 320px budget is untouched, and the masthead is the same height + at 1280px as it was. The label is no longer dimmed either: nothing lies + over it, and `--muted` under an opacity is the thing `contrast.test.mjs` + exists for. Below 30rem the stamp still steps aside for the dashed + underline, which is the only mark that fits down there. + + `soon-stamp.test.mjs` gates it: the rule may not be `position: absolute` + and may not translate itself off where the flow put it. + - [x] **The bar's second filled colour is pinned like the first.** The filled link now says Resume on a green fill when the player has a match still going, which is a second ink-and-fill pairing — `--on-resume` on