jake/Lumotia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(a11y): bump all text below 12px to 12px floor and promote tertiary-on-body to secondary

Browse Source 
Brand guidelines (docs/brand/magnotia-brand-guidelines.md §4) say "Never go
below 12px for any text" and "tertiary text must be ≥18px bold or ≥24px
regular". Audit found 246 sub-12px className sites and 166 cases of
text-text-tertiary paired with body sizes.

Bumped text-[9/10/11px] → text-[12px] across 26 .svelte files in src/lib
and src/routes. Promoted text-text-tertiary → text-text-secondary at body
sizes (12-14px) where context allowed; left placeholder pseudo-states,
ternary-conditional inactive states, and line-through "done" states alone
(8 residual pairings, all decorative).

Affects neurodivergent users on 1366×768 budget hardware most directly.
svelte-check: 0 errors, 0 warnings.
This commit is contained in:
Jake
2026-05-07 11:18:10 +01:00
parent 6da15d1ac8
commit ca3a55320b
26 changed files with 257 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/pages/ShutdownRitualPage.svelte
View File

@@ -86,7 +86,7 @@
<div class="px-7 pb-8 max-w-[640px]">
{#if loading}
<p class="text-[12px] text-text-tertiary py-6">Looking at today…</p>
<p class="text-[12px] text-text-secondary py-6">Looking at today…</p>
{:else}
<!-- Additive framing: lead with what the user did, never with what they didn't. -->
<section class="mb-8">
@@ -112,11 +112,11 @@
<!-- Read-only reflection. The Tasks page is where things get done. -->
<section class="mb-8">
<h2 class="text-[10px] font-medium text-text-tertiary uppercase tracking-wider mb-2">Open loops</h2>
<h2 class="text-[12px] font-medium text-text-secondary uppercase tracking-wider mb-2">Open loops</h2>
{#if openLoops.length === 0}
<p class="text-[12px] text-text-secondary">Nothing in the list.</p>
{:else}
<p class="text-[11px] text-text-tertiary mb-3">
<p class="text-[12px] text-text-secondary mb-3">
These are still here. Naming them silences the loop, you don't have to act now.
</p>
<ul class="flex flex-col gap-1">
@@ -126,7 +126,7 @@
</li>
{/each}
{#if openLoops.length > 12}
<li class="text-[11px] text-text-tertiary pt-1">
<li class="text-[12px] text-text-secondary pt-1">
…and {openLoops.length - 12} more.
</li>
{/if}
@@ -138,7 +138,7 @@
template, ~40% rumination reduction in psychological-detachment
studies. -->
<section class="mb-8">
<h2 class="text-[10px] font-medium text-text-tertiary uppercase tracking-wider mb-2">Before you close</h2>
<h2 class="text-[12px] font-medium text-text-secondary uppercase tracking-wider mb-2">Before you close</h2>
<ol class="flex flex-col gap-2 text-[13px] text-text-secondary">
<li>
<span class="font-medium text-text">Take a breath.</span>