UI Accessibility and Contrast Issues #556
Description
Summary
Multiple UI elements have poor visibility and contrast issues across light mode, dark mode, and the account creation flow. These issues impact usability and accessibility.
Issue 1: Light Mode - Muted Button Colors
Environment: Chrome on macOS
Location: My Account page
Description:
The action buttons ("Update default password", "Copy Public ID") appear dull and muted in light mode. The pale blue/cyan color lacks sufficient contrast and visual prominence, making them look disabled or de-emphasized rather than actionable. This is true of any buttons using these colors.
Expected Behavior:
Buttons should have sufficient color saturation and contrast to clearly indicate they are interactive/clickable elements.
Issue 2: Dark Mode - Low Visibility Text
Environment: Chrome on macOS
Location: User dropdown / account popover
Description:
The email address and public ID text in the account dropdown has very low visibility against the white background in dark mode. The light gray text is nearly invisible, making it difficult for users to read their account information.
Expected Behavior:
Text should have sufficient contrast against its background in all theme modes. Consider using darker text colors for the dropdown content.
Issue 3: Account Creation - Invisible Checkbox and Terms
Environment: Chrome on Windows
Location: Account creation flow (possibly wallet-based signup)
Description:
When creating a new account, there is no visible way to submit the form. Investigation via keyboard tabbing revealed:
- A white-on-white checkbox that is effectively invisible
- An invisible "Accept the terms..." label (or similar) next to it
This creates a critical UX issue where users cannot complete account registration without accidentally discovering the hidden form elements.
Expected Behavior:
- Checkbox should be clearly visible with proper contrast
- Terms acceptance label should be readable
- Submit/Continue button should be prominently visible
- Form validation should clearly indicate what fields need attention