Skip to content

[UI/UX Design] Add password manager and autofill support across auth forms #152

Description

@thlpkee20-wq

Description

Auth and account forms must declare proper autocomplete, name, and inputmode attributes so password managers (1Password, Bitwarden, browser autofill) work without friction. Audit and standardize.

Requirements and context

  • Must be accessible (WCAG 2.1 AA), responsive, and documented in the design system
  • Should be consistent with existing patterns and easy to review
  • Relevant code: src/app/components/ui
  • Document the autocomplete contract in docs/

Suggested execution

  • Fork the repo and create a branch
  • git checkout -b uiux/password-manager-support
  • Implement changes
    • Add a FormField primitive that enforces autocomplete/name pairs
    • Audit existing inputs and migrate
    • Add a doc note in docs/design-review-checklist.md
  • Validate accessibility and responsive assumptions

Test and commit

  • Run checks
    • npm run lint and component/visual tests
  • Cover edge cases
    • Responsive breakpoints, empty/loading/error states, keyboard/screen-reader, contrast, dark mode
  • Include screenshots/before-after and accessibility (axe) notes

Example commit message

design: add password manager and autofill support

Guidelines

  • Minimum 95 percent test coverage
  • Clear documentation
  • Timeframe: 96 hours

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions