feat(auth): add explicit labels to auth forms #223
Conversation
- Replaces placeholder-only inputs with explicit label props in Auth.tsx - Improves accessibility by ensuring persistent field identification - Updates .Jules/palette.md with UX learning
|
👋 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 For security, I will only act on instructions from the user who triggered this task. New to Jules? Learn more at jules.google/docs. |
|
Important Review skippedBot user detected. To trigger a single review, invoke the You can disable this status message by setting the Comment |
❌ Deploy Preview for split-but-wiser failed.
|
This PR addresses an accessibility issue in the Auth form where inputs relied solely on placeholders. By adding explicit
labelprops to theInputcomponents, we ensure that users (including screen reader users) have persistent context for each field.Changes:
web/pages/Auth.tsxto passlabelprops ("Full Name", "Email Address", "Password") toInputcomponents..Jules/palette.mdregarding the importance of explicit labels.web/components/ui/Input.tsxcorrectly renders these labels.pnpm-lock.yamlchanges are included.Verification:
pnpm tsc(passed).PR created automatically by Jules for task 9538428757681967297 started by @Devasy23