fix(a11y): add aria-label to remove-sheet icon button in Google Sheets catalog#41796
Conversation
…s catalog WCAG 2.1 SC 4.1.2 (Name, Role, Value) — Level A.
Code Review Agent Run #cfc935Actionable Suggestions - 0Review Details
Bito Usage GuideCommands Type the following command in the pull request comment and save the comment.
Refer to the documentation for additional commands. Configuration This repository uses Documentation & Help |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #41796 +/- ##
==========================================
- Coverage 64.72% 64.72% -0.01%
==========================================
Files 2686 2686
Lines 148651 148651
Branches 34309 34309
==========================================
- Hits 96218 96213 -5
- Misses 50671 50676 +5
Partials 1762 1762
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
WCAG rule
2.1 SC 4.1.2 (Name, Role, Value) — Level A.
What changed
The "remove sheet"
Icons.CloseOutlinedbutton in the Google Sheets catalog section of the database connection form (TableCatalog.tsx) — shown next to each sheet entry when there's more than one — had anonClickhandler but no accessible name. Screen reader users tabbing to it heard only a generic "close" announcement (from the icon's auto-generated fallback label), with no indication of what it removes or which entry it belongs to.Added
aria-label={t('Remove sheet')}, matching the existing "Remove {noun}" convention already used by the siblingRemove filterbutton inFilterTitleContainer.tsx.Behavior
Unchanged — purely additive, no visual or functional change.
Test plan