fix: add aria-label to delete button for accessibility#15
fix: add aria-label to delete button for accessibility#15jezweb wants to merge 1 commit intoifindev:mainfrom
Conversation
- Add aria-label="Delete todo" to icon-only button - Improves screen reader accessibility - Follows WCAG 2.1 guidelines for icon buttons - No visual changes
|
Warning Rate limit exceeded@jezweb has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 17 minutes and 10 seconds before requesting another review. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. 📒 Files selected for processing (1)
✨ Finishing touches
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Problem
The delete button in
DeleteTodocomponent only has an icon with no text, making it inaccessible to screen reader users. This violates WCAG 2.1 accessibility guidelines.Solution
Add
aria-label="Delete todo"to the button element to provide accessible text for assistive technologies.Benefits
Testing
Changes
aria-labelattribute to Button component