molecule-core/canvas/src/components/ui
Molecule AI Core-UIUX e355f447bb fix(canvas/a11y): add aria-hidden to 6 decorative SVGs + aria-label to OrgTokensTab input
WCAG 1.3.1 — inputs without visible text labels need aria-label.
WCAG 4.1.2 — decorative SVGs inside interactive elements need
aria-hidden so screen readers ignore icon content.

Changes:
- ErrorBoundary: warning triangle SVG — aria-hidden=true
- Toolbar: 4 decorative SVGs — aria-hidden=true
  (Stop All square, Restart Pending arrow, Search magnifier, Help circle)
- SettingsButton: gear icon SVG — aria-hidden=true (parent has aria-label)
- RevealToggle: EyeIcon + EyeOffIcon SVGs — aria-hidden=true
- OrgTokensTab: name input — aria-label="Organization API key label"

Bonus fix: removed duplicate title/aria-label props on Restart All button.

Note: ConsoleModal and DeleteCascadeConfirmDialog do not exist in current
staging (aae0c81) — tab trapping fix inapplicable to this codebase.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-24 12:40:52 +00:00
..
KeyValueField.tsx fix(next): add missing 'use client' to TestConnectionButton and KeyValueField 2026-04-16 09:10:22 +00:00
RevealToggle.tsx fix(canvas/a11y): add aria-hidden to 6 decorative SVGs + aria-label to OrgTokensTab input 2026-04-24 12:40:52 +00:00
StatusBadge.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00
TestConnectionButton.tsx fix(next): add missing 'use client' to TestConnectionButton and KeyValueField 2026-04-16 09:10:22 +00:00
ValidationHint.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00