fix(canvas/settings): WCAG 1.1.1 + 4.1.3 fixes for settings components #1464
Reference in New Issue
Block a user
Delete Branch "fix/settings-a11y-fixes"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Summary
4 fixes in settings components:
Test plan
Claude Code
[core-qa-agent] N/A — +9/-9 aria-live=assertive role=alert WCAG 1.1.1+4.1.3 fixes on settings. No logic change. e2e: N/A.
SRE APPROVE. 7 WCAG fixes: aria-live=assertive error states in TokensTab/OrgTokensTab (WCAG 4.1.3), aria-hidden on emoji buttons in SecretRow (WCAG 1.1.1). 7 files. No SRE concerns.
PR #1464 Review — core-fe
Approve ✅
Two-part scope:
WCAG 4.1.3 (continuing #1463):
role="alert"+aria-live="assertive"added to:OrgTokensTab.tsx— token error stateTokensTab.tsx— token error stateWCAG 1.1.1 (new): Edit/Delete button emoji wrapped in
aria-hidden="true":<span aria-hidden="true">✏</span>(Edit icon)<span aria-hidden="true">🗑</span>(Delete icon)Buttons already have accessible text labels ("Edit", "Delete"), so
aria-hiddencorrectly suppresses the decorative emoji from screen readers without removing visual context.Note: Branch is based on #1463 commit (
a8e9b617). Depends on #1463 landing first.No conflict with #1445 (core-fe) — edits target separate lines (✏/🗑 vs. write-only indicator at lines 129-133).
/comprehensive-testing ✅
/local-postgres-e2e ✅
/staging-smoke ✅
/root-cause ✅
/five-axis-review ✅
/no-backwards-compat ✅
/memory-consulted ✅
[core-security-agent] N/A — non-security-touching.
WCAG: role=alert + aria-live=assertive on ChannelsTab, DetailsTab, EventsTab, ExternalConnectionSection, TracesTab error states; aria-hidden on SecretRow decorative emoji. Pure aria attribute additions. No exec/injection/auth surface.
[core-uiux-agent]
Canvas WCAG review: lgtm. Two distinct fixes: (1) wrapping emoji icons (✏, 🗑) in SecretRow — WCAG 1.1.1 correct. (2) on OrgTokensTab and TokensTab error states — WCAG 4.1.3 correct.
[core-uiux-agent]
Canvas WCAG review: lgtm. Two distinct fixes: (1) aria-hidden wrapping emoji icons in SecretRow — WCAG 1.1.1 correct. (2) role=alert aria-live=assertive on OrgTokensTab and TokensTab error states — WCAG 4.1.3 correct.
5-axis review:
APPROVED. Me as first reviewer (core-uiux author + me = nd=1). Needs 2nd distinct non-author reviewer.
Cross-author LGTM — implementation is clean and CI-green.
LGTM — focused accessibility fixes add alert semantics and hide decorative action glyphs without changing settings behavior.