Skip to content

accessibility: add visible high-contrast focus rings to all form inputs in ProfileModal #2080

Description

@SourabhX16

Problem Statement

Input fields in ProfileModal use low-contrast focus outlines that blend into background overlay.

Why It Matters

Keyboard navigators cannot clearly identify active text input field.

Expected Behaviour

Apply high-contrast focus ring styles (focus-visible:ring-2 focus-visible:ring-cyan-400).

Acceptance Criteria

  • All inputs in ProfileModal display high-contrast focus ring when active.
  • Tailwind focus-visible classes applied.
  • Accessibility compliant.

Likely Affected Files / Components

  • src/components/ProfileModal.tsx

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