From aadc1eaac0b6550177767eff3a5033a5dad76e12 Mon Sep 17 00:00:00 2001 From: Your Name Date: Wed, 18 Feb 2026 18:21:55 +0200 Subject: [PATCH] a11y: Tasks 9,13-17 - Settings ARIA, MiniTimer, overlays, ColorPicker, ActivityManager MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Settings: breathing radiogroup/radio, sound aria-pressed, contrast tokens, placeholder contrast, reset aria-live, abbreviation tags, title tooltips, back button 44px target - MiniTimer: paused text #555→#a8a8a8 for AAA contrast - MicrobreakOverlay: alertdialog role, sr-only heading, aria-describedby - BreakOverlay: alertdialog role, sr-only heading, aria-label - ColorPicker: enlarge swatches 22→28px with 44px hit areas, aria-pressed - ActivityManager: enlarge action buttons to 44px targets, contrast tokens --- src/lib/components/ActivityManager.svelte | 24 +- src/lib/components/BreakOverlay.svelte | 3 + src/lib/components/ColorPicker.svelte | 38 +-- src/lib/components/MicrobreakOverlay.svelte | 7 +- src/lib/components/MiniTimer.svelte | 4 +- src/lib/components/Settings.svelte | 264 ++++++++++---------- 6 files changed, 179 insertions(+), 161 deletions(-) diff --git a/src/lib/components/ActivityManager.svelte b/src/lib/components/ActivityManager.svelte index 7d4e2f0..835decd 100644 --- a/src/lib/components/ActivityManager.svelte +++ b/src/lib/components/ActivityManager.svelte @@ -409,7 +409,7 @@ @@ -486,7 +486,7 @@
{#if catCustoms.length > 0}
-
Custom
+
Custom
{/if} @@ -497,17 +497,17 @@ {#each catCustoms as activity (activity.id)}
- + {activity.text} - + {activity.text}
+

Break in Progress

Break in progress

diff --git a/src/lib/components/ColorPicker.svelte b/src/lib/components/ColorPicker.svelte index 3360dbc..7416be3 100644 --- a/src/lib/components/ColorPicker.svelte +++ b/src/lib/components/ColorPicker.svelte @@ -231,7 +231,7 @@
{label}
-
{value}
+
{value}
-
+
{#each presets as color} + aria-pressed={value === color} + > + + {/each} + aria-pressed={showCustom || !isPreset} + > + +
diff --git a/src/lib/components/MicrobreakOverlay.svelte b/src/lib/components/MicrobreakOverlay.svelte index e724600..f782486 100644 --- a/src/lib/components/MicrobreakOverlay.svelte +++ b/src/lib/components/MicrobreakOverlay.svelte @@ -38,17 +38,18 @@ }); -
+
+

Microbreak

- Look away — 20 feet for {timeRemaining}s + Look away — 20 feet for {timeRemaining}s
{#if activity && $config.microbreak_show_activity} -

+

{activity.text}

{/if} diff --git a/src/lib/components/MiniTimer.svelte b/src/lib/components/MiniTimer.svelte index 9b82542..ec24869 100644 --- a/src/lib/components/MiniTimer.svelte +++ b/src/lib/components/MiniTimer.svelte @@ -335,13 +335,13 @@ const fontStyle = $derived( {timeText} {#if pomodoroEnabled} - + {pomodoroCyclePosition + 1}/{pomodoroTotalInCycle} {/if} diff --git a/src/lib/components/Settings.svelte b/src/lib/components/Settings.svelte index 55e82d3..567a4bf 100644 --- a/src/lib/components/Settings.svelte +++ b/src/lib/components/Settings.svelte @@ -124,8 +124,8 @@
- + {bp.label} - + {bp.desc} @@ -495,14 +497,14 @@
-

+

Behavior

Strict mode
-
+
Disable skip and snooze
@@ -514,12 +516,12 @@
{#if !$config.strict_mode} -
+
Allow end early
-
After 50% of break
+
After 50% of break
-
+
Snooze duration
-
+
{$config.snooze_duration} min
@@ -546,12 +548,12 @@ />
-
+
Snooze limit
-
+
{$config.snooze_limit === 0 ? "Unlimited" : `${$config.snooze_limit} per break`} @@ -568,12 +570,12 @@
{/if} -
+
Immediate breaks
-
+
Skip pre-break warning
@@ -587,14 +589,14 @@
-

+

Alerts

Pre-break alert
-
Warn before breaks
+
Warn before breaks
{#if $config.notification_enabled} -
+
Alert timing
-
- {$config.notification_before_break}s before +
+ {$config.notification_before_break}s before
{/if} -
+
Screen dimming
-
Gradually dim screen before breaks
+
Gradually dim screen before breaks
{#if $config.screen_dim_enabled} -
+
Start dimming
-
{$config.screen_dim_seconds}s before break
+
{$config.screen_dim_seconds}s before break
-
+
Max dimming
-
{Math.round($config.screen_dim_max_opacity * 100)}%
+
{Math.round($config.screen_dim_max_opacity * 100)}%
-

+

Sound

Sound effects
-
Play sounds on break events
+
Play sounds on break events
{#if $config.sound_enabled} -
+
Volume
-
{$config.sound_volume}%
+
{$config.sound_volume}%
-
+
Sound preset
@@ -708,11 +710,12 @@ {#each soundPresets as preset}
{#if dayIndex < 6} -
+
{/if} {/each} {/if} @@ -1079,14 +1082,14 @@
-

+

Mini Mode

Click-through
-
+
Mini timer ignores clicks until you hover over it
@@ -1101,7 +1104,7 @@
Hover delay
-
+
Seconds to hover before it becomes draggable
@@ -1120,14 +1123,14 @@
-

+

General

Start on Windows login
-
Launch automatically at startup
+
Launch automatically at startup
-

+

Keyboard Shortcuts

Pause / Resume - Ctrl+Shift+P + Ctrl+Shift+P
Start break now - Ctrl+Shift+B + Ctrl+Shift+B
Show / Hide window - Ctrl+Shift+S + Ctrl+Shift+S
@@ -1164,12 +1167,13 @@

Reset