Skip to content

Phase 2: sync-cell accessibility — contrast, touch and keyboard reach, non-colour state #6

Description

@mmcky

The "not yet translated" cell fill sits at roughly 1.3:1 contrast against the card in both themes (--empty-cell is #30302d on a #1a1a19 card in dark, #e7e6df on white in light) — WCAG's non-text target is 3:1, and in dark mode the gaps effectively vanish. The 1px-border treatment already used on .chip.planned::before fixes both themes; a lighter/darker fill also works.

Cell tooltips are mouseover-only and cells are inert 15px spans, so touch and keyboard users can never identify a lecture — and the review lanes (#4) raised the stakes by composing a fourth state (the audit ring for open editor-routed PRs) onto the same cells. Options, not mutually exclusive: tabindex with show-on-focus, tap-to-toggle, and/or a click-to-expand list of stale slugs in the strip header, which removes the hover dependency entirely and doubles as the fastest triage path.

Green vs amber is also colour-only; a shape or pattern difference on stale cells (dot, diagonal) would cover colour-blind users. The counts text partly mitigates but doesn't identify which cells.

From §5 of the 2026-08 dashboard audit; urgency raised by #4.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementImprovement to existing content or functionalityhigh-priorityAddress soon

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions