Accessibility
Contrast evidence
Measure theme and accent combinations after compositing source alpha surfaces.
On this page
Method
The contrast export uses WCAG relative luminance and alpha-composites text/surfaces on the documented canvas. It evaluates foreground, muted copy, purple primary text, full accent foreground and 65% tile-surface foreground for each accent in light and dark. These are known solid-canvas pairs, not an accessibility certification.
Measured results
| Theme / role | Ratio | Normal text 4.5:1 |
|---|---|---|
| light / foreground on canvas | 18.05 | Pass |
| light / muted on canvas | 5.59 | Pass |
| light / muted-strong on canvas | 9.92 | Pass |
| light / primary on canvas | 5.83 | Pass |
| light / Default solid | 19.68 | Pass |
| light / Default 65% tile | 6.59 | Pass |
| light / Sage solid | 10.3 | Pass |
| light / Sage 65% tile | 12.58 | Pass |
| light / Sky solid | 9.62 | Pass |
| light / Sky 65% tile | 12.05 | Pass |
| light / Rose solid | 7.86 | Pass |
| light / Rose 65% tile | 10.56 | Pass |
| light / Lavender solid | 8.38 | Pass |
| light / Lavender 65% tile | 11.13 | Pass |
| light / Peach solid | 9.53 | Pass |
| light / Peach 65% tile | 11.94 | Pass |
| light / Gold solid | 10.57 | Pass |
| light / Gold 65% tile | 12.78 | Pass |
| dark / foreground on canvas | 17.68 | Pass |
| dark / muted on canvas | 9.71 | Pass |
| dark / muted-strong on canvas | 14.2 | Pass |
| dark / primary on canvas | 3.12 | Below threshold |
| dark / Default solid | 17.58 | Pass |
| dark / Default 65% tile | 7.6 | Pass |
| dark / Sage solid | 4.48 | Below threshold |
| dark / Sage 65% tile | 8 | Pass |
| dark / Sky solid | 4.78 | Pass |
| dark / Sky 65% tile | 8.39 | Pass |
| dark / Rose solid | 5.95 | Pass |
| dark / Rose 65% tile | 9.83 | Pass |
| dark / Lavender solid | 5.99 | Pass |
| dark / Lavender 65% tile | 9.81 | Pass |
| dark / Peach solid | 4.47 | Below threshold |
| dark / Peach 65% tile | 8.01 | Pass |
| dark / Gold solid | 3.98 | Below threshold |
| dark / Gold 65% tile | 7.33 | Pass |
Limits and action
Wallpaper, blur, gradients, disabled opacity, red validation, yellow migration guidance, public icon discs and hover states require additional composed-pixel review. Borders are intentionally subtle and may not provide 3:1 non-text contrast on their own.
Several custom accent tile combinations fall below the normal-text threshold; the actual ratios determine which. Keep the observed colors in documentation and describe remediation, rather than silently recoloring the screenshots.
Source references
| Repository file | Responsibility |
|---|---|
| app/globals.css | Alpha and theme roles |
| lib/style-preferences.ts | Accents |
Examples from the app
Actual Startboard source UI with isolated fictional records; both native themes at 2× resolution or higher. No live integrations or account writes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-08 · Revision 08fa2595a668 · Documentation v1.0.0