Patrick Bass Area: mobieusHelp (audit p7) · Surface: /help/agent (agent dashboard, queue cards) · Dimension: Law 3 — contrast in every theme · Severity: major
On the agent dashboard, the 'new' and 'pending' count digits in each queue card are painted with bright cyan and amber as the text color directly on the white card surface. In light theme these numbers are nearly invisible. The pills elsewhere pair bg+fg so they read; these standalone numbers do not.
Evidence
platform/templates/helpdesk/agent/dashboard.php:166 `<span class="big" style="color:#5be9e9;"><?= (int) $q['new_count'] ?></span> new` and :169 `<span class="big" style="color:#fbbf24;"><?= (int) $q['pending_count'] ?></span> pending`. The `.hdk-queue-card` background is `var(--color-bg-card, #fff)` (dashboard.php:64), i.e. white in light theme. Cyan #5be9e9 on #fff is ~1.4:1 and amber #fbbf24 on #fff is ~1.7:1 — both far below the WCAG AA 4.5:1 (even 3:1 for large text) floor. These are dark-theme accent hexes painted as raw text color on a light surface, exactly the Law 3 anti-pattern. (Contrast with the status pills at dashboard.php:25/27 which pair a bright background WITH a dark foreground and are fine.)Suggested fix. Use semantic, theme-aware tokens with adequate contrast for the count emphasis (e.g. keep the number in --color-text-primary and convey 'new/pending' with a small colored dot/pill background+dark-fg pair), or use darker shades that meet 4.5:1 on --color-bg-card in both themes. Do not set a raw bright hex as text color on a card background.
Filed by the automated tenant-app audit and adversarially evidence-verified. Status: verified. Open — not yet actioned.
Patrick Bass
@mobieus
