feat(housekeeping): finish accessible command deck

This commit is contained in:
Simo committed 2026-08-30 18:49:10 +02:00
1 parent 85ad0452d3
commit a113e48880
55 files changed
+17064 -509

No files matched your search

@@ -92,7 +92,11 @@ export function WidgetSettings({
{labels.title}
</h2>
{error ? (
<p role="alert" className="text-[var(--admin-danger)]">
<p
role="alert"
aria-live="assertive"
className="text-[var(--admin-danger)]"
>
{error === labels.error ? error : labels.error}
</p>
) : null}
@@ -105,16 +109,19 @@ export function WidgetSettings({
return (
<li
key={widget.id}
className="flex items-center justify-between gap-3 rounded-md border border-[var(--admin-border)] p-3"
className="flex min-w-0 items-center justify-between gap-3 rounded-md border border-[var(--admin-border)] p-3"
>
<label className="flex items-center gap-2">
<label className="flex min-w-0 items-center gap-2">
<input
type="checkbox"
checked={checked}
disabled={mandatory || savingId !== null}
onChange={() => void toggle(widget.id)}
className="focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--admin-accent)]"
/>
<span>{titles[widget.id] ?? widget.id}</span>
<span className="min-w-0 break-words">
{titles[widget.id] ?? widget.id}
</span>
</label>
{mandatory ? (
<span className="text-xs text-[var(--admin-text-muted)]">