Feat: make entire sign up form accessible 🚀✨
Closed this issue · 2 comments
Describe the feature
- As part of our commitment to inclusivity and ensuring equal access to our website's services, we need to address the accessibility concerns related to our "Sign Up" section Form. Currently, the form may present challenges to users with disabilities, hindering their ability to reach out and engage with us effectively.
Key Points to Address
-
Keyboard Navigation: The form should be operable using keyboard inputs alone, without relying on mouse interaction. This is essential for individuals who navigate the web using assistive technologies.
-
Screen Readers Compatibility: The form elements and associated feedback messages need to be appropriately labeled and structured, ensuring compatibility with screen readers. Proper semantic markup will enhance the understanding of the form's purpose and improve the overall user experience.
-
Contrast and Visual Cues: Evaluate the form's color contrast to ensure readability for users with low vision or color blindness. Additionally, consider providing visual cues for form validation errors, alerts, and success messages.
-
Focus Indicators: Implement clear focus indicators to indicate the active form element. This is crucial for users who rely on focus indicators to navigate through web pages.
-
Responsive Design: Confirm that the form is responsive and adapts well to different screen sizes and devices, including mobile phones and tablets.
-
Validation and Error Handling: Enhance form validation to provide meaningful and descriptive error messages, guiding users on how to correct their input when errors occur.
-
Alternative Contact Options: In conjunction with the form, consider providing alternative contact methods, such as a dedicated email address or phone number, for users who may encounter difficulties with the form.
Add ScreenShots
- We can't capture accessibility changes through screenshots as opposed to code changes since accessibility modifications are often imperceptible to the user, as their purpose is to assist disabled individuals.
Record
- I agree to follow this project's Code of Conduct
- I'm a GSSOC'23 contributor
- I want to work on this issue
👋 @0xabdulkhalid
Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
Hey there @MonalikaPatnaik 👋🏻
Please make sure to assign this issue to me to make the work done!