fix(a11y): add aria-label to notification method remove button#41850
Conversation
WCAG 2.1 SC 4.1.2 (Name, Role, Value) — Level A.
Code Review Agent Run #6d761dActionable 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 #41850 +/- ##
==========================================
- Coverage 64.79% 64.78% -0.01%
==========================================
Files 2691 2691
Lines 149012 149012
Branches 34391 34391
==========================================
- Hits 96548 96542 -6
- Misses 50695 50701 +6
Partials 1769 1769
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:
|
|
Is it worth just doing a big AI sweep of these things? I'll bet we can knock out a ton of 'em in one PR :D |
Summary
NotificationMethod.tsx's per-method "remove" control (<span role="button" tabIndex={0}>wrapping aDeleteOutlinedicon, shown when more than one notification method is configured on an Alert/Report) had no accessible name — screen reader users tabbing to it heard nothing identifying the control's purpose. Thejsx-a11y/control-has-associated-labellint rule was being suppressed via aneslint-disablecomment rather than fixed.aria-label={t('Remove notification method')}, matching the existing'Remove X'naming convention used elsewhere in the codebase (e.g.TableCatalog.tsx's'Remove sheet',FilterTitleContainer.tsx's'Remove filter'), and removes the now-unneeded eslint-disable comment.Test plan