🚀 [Feature Request] - Add ARIA attributes to login, signup, and contact us forms

Avinash905 commented 1 year ago

Is your feature request related to a problem ? Please describe. ✍️

ARIA attributes are crucial for enhancing web application accessibility, benefiting users with disabilities. Currently, our forms lack these attributes, hindering proper interpretation by assistive technologies.

Describe briefly how you would implement this enhancement.

Some steps to implement this enhancement-
1. Identify the login, signup, and contact us form elements in your codebase.
2. Determine the relevant ARIA attributes to add for each form element.
3. Add ARIA roles to the forms and their elements (e.g., "form" role for the main form element).
4. Include concise and descriptive ARIA labels using the aria-label attribute.
5. Use the aria-describedby attribute to provide additional instructions for the forms.
6. Implement ARIA states and properties (e.g., aria-required for required fields).
7. Test the accessibility improvements using assistive technologies.

Additional context or screenshots

No response

Are you contributing for a program?

GSSoC2023

Code of Conduct

[X] I have read and agree to the Contributing Guidelines of this project.

Avinash905 commented 1 year ago

Please assign me this issue so that I can work on this issue under GSSOC'23.

github-actions[bot] commented 1 year ago

Hello @Avinash905! Thank you for raising this issue. Please make sure to follow our Contributing Guidelines. Don't forget to ⭐ our Grabtern-Frontend.

Our review team will carefully assess the issue and reach out to you soon! We appreciate your patience!

anmode / grabtern-frontend