Calendar with states that are distinguishable without colour #19

New Issue

Closed

opened 2026-08-18 03:33:28 -05:00 by null · 0 comments

null commented

2026-08-18 03:33:28 -05:00

Owner

The Calendar tab is a placeholder. PRODUCT_PLAN.md §26 wants four visually distinct states: confirmed period, predicted period, estimated fertile window, estimated ovulation.

The rule that decides the design, from §26 and §43: do not rely on colour alone, and never make predicted and confirmed days look identical. Confirmed is a solid fill, predicted is dotted or outlined, fertile window is a ring, ovulation is its own marker — a difference in shape, so it survives greyscale, colourblindness, and a screenshot in a bug report.

Tapping a day should let the user log or edit that day, which is how a forgotten period gets added without hunting for a form.

Accessibility is not a later pass here (§43): every marked day needs a content description saying what it is, because a calendar that reads as a grid of numbers to TalkBack has no information in it at all.

Verify: a greyscale screenshot of a month containing all four states shows four distinguishable markers; TalkBack announces the state of a marked day; and tapping a day opens the log or edit path for it.

The Calendar tab is a placeholder. PRODUCT_PLAN.md §26 wants four visually distinct states: confirmed period, predicted period, estimated fertile window, estimated ovulation. The rule that decides the design, from §26 and §43: **do not rely on colour alone, and never make predicted and confirmed days look identical.** Confirmed is a solid fill, predicted is dotted or outlined, fertile window is a ring, ovulation is its own marker — a difference in *shape*, so it survives greyscale, colourblindness, and a screenshot in a bug report. Tapping a day should let the user log or edit that day, which is how a forgotten period gets added without hunting for a form. Accessibility is not a later pass here (§43): every marked day needs a content description saying what it is, because a calendar that reads as a grid of numbers to TalkBack has no information in it at all. Verify: a greyscale screenshot of a month containing all four states shows four distinguishable markers; TalkBack announces the state of a marked day; and tapping a day opens the log or edit path for it.