Skip to content

[A11y] LoginPage — Input and button touch targets below 44px minimum #188

Description

@Ryan-Atkinson87

WCAG criterion

2.5.5 Target Size — Level AAA (WCAG 2.1)

Description

The password input and submit button in LoginPage compute to approximately 37px tall (py-2 = 8px × 2 + text-sm line-height ≈ 21px = ~37px), below the 44×44px minimum recommended for touch targets.

This is Level AAA in WCAG 2.1, so it does not block merge, but it degrades usability on mobile for users with motor impairments.

Location

orchestrator-ui/src/auth/LoginPage.tsx<input> and <button type="submit"> elements.

Fix

Increase vertical padding to reach ≥44px:

  • Change py-2 to py-3 on both the input and the button (adds 4px each side → ~45px total height), or
  • Set explicit min-h-[44px] on both elements

Note

This finding will recur on the Layout sidebar logout button (py-2 on a text-sm button ≈ 37px) and any nav links that follow the same pattern. The fix should be applied consistently across all interactive elements at mobile widths.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions