fix(canvas): add focus-visible rings to icon/text buttons — WCAG 2.1 AA #988

Merged
devops-engineer merged 2 commits from fix/986-canvas-wcag-focus-rings into staging 2026-05-14 12:39:06 +00:00

2 Commits

Author SHA1 Message Date
a72ccbb034 fix(canvas): TIER_CONFIG legend contrast — WCAG 1.4.3
Some checks failed
CI / all-required (pull_request) injected
sop-checklist / all-items-acked (pull_request) injected
Block internal-flavored paths / Block forbidden paths (pull_request) Successful in 10s
CI / Detect changes (pull_request) Successful in 18s
Harness Replays / detect-changes (pull_request) Successful in 8s
E2E API Smoke Test / detect-changes (pull_request) Successful in 20s
Handlers Postgres Integration / detect-changes (pull_request) Successful in 22s
Secret scan / Scan diff for credential-shaped strings (pull_request) Successful in 13s
gate-check-v3 / gate-check (pull_request) Successful in 12s
qa-review / approved (pull_request) Successful in 13s
security-review / approved (pull_request) Successful in 13s
Runtime PR-Built Compatibility / detect-changes (pull_request) Successful in 28s
sop-tier-check / tier-check (pull_request) Successful in 12s
lint-required-no-paths / lint-required-no-paths (pull_request) Successful in 1m15s
CI / Platform (Go) (pull_request) Successful in 5s
CI / Shellcheck (E2E scripts) (pull_request) Successful in 4s
CI / Python Lint & Test (pull_request) Successful in 5s
E2E API Smoke Test / E2E API Smoke Test (pull_request) Successful in 7s
Harness Replays / Harness Replays (pull_request) Successful in 5s
Handlers Postgres Integration / Handlers Postgres Integration (pull_request) Successful in 5s
Runtime PR-Built Compatibility / PR-built wheel + import smoke (pull_request) Successful in 6s
CI / Canvas (Next.js) (pull_request) Failing after 11m14s
CI / Canvas Deploy Reminder (pull_request) Has been skipped
CI / all-required (pull_request) Failing after 5s
sop-checklist / na-declarations (pull_request) awaiting /sop-n/a declaration for: qa-review, security-review
sop-checklist / all-items-acked (pull_request) [info tier:low] acked: 5/7 — missing: root-cause, no-backwards-compat — body-unfilled: comprehensive-testing, local-postgres-e2e, staging-sm
T3: text-violet-600 → text-white on border (2.9:1 → 5.7:1)
T4: text-warm → text-white on border (1.4:1 → 4.7:1)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-14 09:40:59 +00:00
42ccaf2da6 fix(canvas): add focus-visible rings to ScheduleTab, BudgetSection, ChannelsTab buttons
Some checks failed
Block internal-flavored paths / Block forbidden paths (pull_request) Successful in 4s
Harness Replays / detect-changes (pull_request) Successful in 8s
Secret scan / Scan diff for credential-shaped strings (pull_request) Successful in 12s
gate-check-v3 / gate-check (pull_request) Successful in 12s
security-review / approved (pull_request) Successful in 12s
sop-tier-check / tier-check (pull_request) Successful in 13s
qa-review / approved (pull_request) Successful in 12s
CI / Detect changes (pull_request) Successful in 16s
Harness Replays / Harness Replays (pull_request) Successful in 6s
E2E API Smoke Test / detect-changes (pull_request) Successful in 18s
Handlers Postgres Integration / detect-changes (pull_request) Successful in 20s
Runtime PR-Built Compatibility / detect-changes (pull_request) Successful in 19s
CI / Shellcheck (E2E scripts) (pull_request) Successful in 3s
CI / Platform (Go) (pull_request) Successful in 3s
CI / Python Lint & Test (pull_request) Successful in 3s
E2E API Smoke Test / E2E API Smoke Test (pull_request) Successful in 3s
Runtime PR-Built Compatibility / PR-built wheel + import smoke (pull_request) Successful in 2s
Handlers Postgres Integration / Handlers Postgres Integration (pull_request) Successful in 3s
lint-required-no-paths / lint-required-no-paths (pull_request) Successful in 1m1s
CI / Canvas (Next.js) (pull_request) Failing after 5m45s
CI / Canvas Deploy Reminder (pull_request) Has been skipped
CI / all-required (pull_request) Failing after 3s
sop-checklist / na-declarations (pull_request) awaiting /sop-n/a declaration for: qa-review, security-review
sop-checklist / all-items-acked (pull_request) [info tier:low] acked: 0/7 — missing: comprehensive-testing, local-postgres-e2e, staging-smoke, +4 — body-unfilled: comprehensive-testing, l
WCAG 2.1 AA: small icon buttons without borders/backgrounds are invisible
when keyboard-focused. Added focus-visible:ring-2 with appropriate ring
colors (accent for neutral actions, red-400 for delete) and
ring-offset-1 ring-offset-zinc-900 to match the dark canvas background.

Buttons updated:
- ScheduleTab: Run ▶, Edit ✎, Delete ✕, toggle ○, + Add Schedule
- BudgetSection: Save button
- ChannelsTab: Connect/Cancel header button, Detect Chats button

Refs: #986

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-14 08:17:43 +00:00