🎨 Palette: Add aria-label to custom toggle switches - #345
🎨 Palette: Add aria-label to custom toggle switches#345brycejohnson1417 wants to merge 1 commit into
Conversation
Ensures that custom `<button role="switch">` elements without visible embedded text are accessible to screen readers by providing a descriptive `aria-label`. Co-authored-by: brycejohnson1417 <257422776+brycejohnson1417@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
1 participant
💡 What: Added
aria-labelto custom<button role="switch">toggle switches in the Fraternitees Portal.🎯 Why: The custom toggle switches lacked visible embedded text, making it impossible for screen reader users to understand what the switch controls without an explicit aria-label.
📸 Before/After: Visuals remain unchanged.
♿ Accessibility: Screen readers will now announce "Toggle [Label]" or "Toggle Automatic daily sync" when focusing on these switches, improving accessibility and adhering to UX/UI coding standards.
PR created automatically by Jules for task 11024801086824200488 started by @brycejohnson1417