feat(ui): improve password toggle accessibility and tooltips#84
feat(ui): improve password toggle accessibility and tooltips#84Tugamer89 wants to merge 1 commit into
Conversation
Adds dynamic aria-labels and tooltips to password toggle icons across all authentication forms, improving screen reader experience and usability. Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@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. |
|



What
Added dynamic
aria-labelandtitleattributes to the password visibility toggle icons across the application (Login, Register, and Reset Password forms). The attributes update dynamically based on whether the password is currently visible ("Hide password") or hidden ("Show password").Why
Previously, the password toggles had a static
aria-label("Toggle password visibility") and lacked tooltips. This didn't inform screen reader users of the current state or the specific action that would occur upon clicking. Tooltips also aid sighted users by clarifying the button's function before interaction. This improves the overall accessibility and micro-UX of the authentication flow.Before/After
Before:
aria-label="Toggle password visibility"(static).After:
aria-label="Show password"andaria-label="Hide password".titleattributes were added to provide visual tooltips on hover.Accessibility
PR created automatically by Jules for task 17166215017946560554 started by @Tugamer89