UI Enhancements and Accessibility Improvements

[neeru24]

Pull Request: UI Enhancements and Accessibility Improvements

Summary of Changes

This pull request includes significant updates to enhance the user interface and accessibility of the TCO Calculator and Income Tax Calculator forms. The following changes have been made:

UI Enhancements

1. Background Color Update: Reduced the color intensity of the background for better visibility.
2. Button Style Update: Changed button colors to a whitish background with blue text for improved contrast.
3. Input Field Hover Effect: Added a white glow effect to input fields on hover for better visibility.
4. Button Hover Effect: Implemented a size increase on hover for buttons, enhancing interactivity and user experience.
5. Form Hover Effect: Enabled the forms to grow in size on hover, making them more dynamic and engaging.
6. Increased Padding: Added padding between form fields and content for improved spacing and readability.
7. Input Field Styles: Enhanced input fields with clearer focus and hover states, including a white glow for better accessibility.
8. Accessibility Improvements: Ensured that all input fields have a consistent look and feel with better color contrast for readability.
9. Code Cleanup: Removed unnecessary comments from the CSS for cleaner code and easier maintenance.
10. General Styling Adjustments: Made various styling tweaks to improve the overall aesthetics and usability of the forms.
11. Button Cursor Change: Updated buttons to change the cursor to pointer on hover for better user experience.
12. Input Field Focus State: Added a distinct border style for input fields when they are focused, enhancing accessibility.
13. Responsive Design Enhancements: Improved responsiveness for smaller screens to ensure usability across devices.
14. Error Handling Enhancements: Implemented visual cues for input validation to guide users in correcting errors.

Conclusion

Given the extensive updates and enhancements made in this pull request, I kindly request to be assigned a Level 2 or Level 3 status. Level 1 can be reserved for minor updates such as documentation and README adjustments.

Thank you for considering my request!
fixes: #2453

I have added a result video demonstrating the updates. However, please note that the video is a bit glitchy due to issues with my laptop during recording. I did my best to capture it.

tco.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fin-veda	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 1, 2024 4:08pm

[github-actions]

Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for getfinveda ready!

Name	Link
🔨 Latest commit	39a6eb9
🔍 Latest deploy log	https://app.netlify.com/sites/getfinveda/deploys/6724fd0eed709400089222d1
😎 Deploy Preview	https://deploy-preview-2576--getfinveda.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 24 Accessibility: 66 Best Practices: 75 SEO: 73 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.