[Feature]: to make entire add books section forms accessible 🚀✨

[0xabdulkhaliq]

Description

Description

• 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 "Add Books" 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.

Expected Outcome

• By addressing the above points, we aim to make our "Add Books" page Form more inclusive and accessible to all users, regardless of their abilities or disabilities. This will not only align with web accessibility standards but also demonstrate our commitment to providing an inclusive experience for everyone using our Food Recipes Website.

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.

Checklist

• [X] I have checked the existing issues
• [X] I have read the [Contributing Guidelines]
• [X] I have read the discussion tab thoroughly and got the project idea
• [X] I am willing to work on this issue (optional)
• [X] I am a GSSoC'23 contributor

[0xabdulkhaliq]

Hey there @SiddhantPawar03, @rohansx, @crocmons, @s2sharpit 👋🏻

Please make sure to assign this issue to me to make the work done!

Thank you.

[github-actions[bot]]

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label gssoc23. If you're participating in GSSoC'23, please add the gssoc23 label to your issue.

[github-actions[bot]]

Hello 0xabdulkhalid, thanks for opening a issue, your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.