Skip to content

Conversation

@Vamandeep01
Copy link

… authentication components

  • Enhanced InputOTP with proper ARIA labels and FlexForge orange focus indicators
  • Added descriptive labels for each OTP digit slot for screen reader support
  • Improved Input component with better focus ring visibility and ARIA handling
  • Implemented full accessibility features for SignIn page including:
    • Proper form labels with htmlFor/id association
    • ARIA attributes for form validation states
    • Screen reader announcements for form errors
    • Skip navigation link for keyboard users
    • Enhanced focus indicators using FlexForge orange theme
    • Semantic HTML structure and keyboard navigation support

Files modified:

  • src/components/ui/input-otp.tsx
  • src/components/ui/input.tsx
  • src/pages/SignInPage.tsx

Significantly improves accessibility score and enables full screen reader compatibility

Tejani8980 and others added 6 commits September 18, 2025 17:55
… About Us map keys, update manifest.json categories, and enhance sign-in/sign-up pages with validation, accessibility, and password requirements
Enhance App Structure, Pages, and Manifest for FlexForge
- Added loading spinner to coach booking with 'Booking Session...' feedback
- Implemented comprehensive error handling for workout completion saves
- Added retry functionality with network status detection
- Enhanced user experience with proper async state management
- Disabled interactions during processing to prevent multiple submissions
Performance & UX Enhancement - Loading States and Error Handling
… authentication components

- Enhanced InputOTP with proper ARIA labels and FlexForge orange focus indicators
- Added descriptive labels for each OTP digit slot for screen reader support
- Improved Input component with better focus ring visibility and ARIA handling
- Implemented full accessibility features for SignIn page including:
  * Proper form labels with htmlFor/id association
  * ARIA attributes for form validation states
  * Screen reader announcements for form errors
  * Skip navigation link for keyboard users
  * Enhanced focus indicators using FlexForge orange theme
  * Semantic HTML structure and keyboard navigation support

Files modified:
- src/components/ui/input-otp.tsx
- src/components/ui/input.tsx
- src/pages/SignInPage.tsx

Significantly improves accessibility score and enables full screen reader compatibility
@vercel
Copy link

vercel bot commented Sep 19, 2025

@Vamandeep01 is attempting to deploy a commit to the kasimkkn's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Vamandeep01
Copy link
Author

Note: The Vercel deployment failure is due to authorization permissions on the deployment pipeline, not the code changes. The accessibility improvements are ready for review and can be merged independently of the deployment status.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants