Improving Form Design with Clear Placeholder Text for Better Usability

[ak-0283]

Description:
The contact page of the website is currently missing placeholder text in its input fields, which affects the overall user experience (UX) and user interface (UI) design. Placeholder text provides users with helpful hints or examples of the type of information they need to enter, improving accessibility and usability.

Without placeholder text, users may find it unclear what specific information is expected in each field, especially on mobile devices with limited screen space. This could lead to confusion, increased user frustration, and a higher rate of incomplete or inaccurate submissions.

To enhance the user experience, the following improvements should be made:

1. Add placeholder text to each form input field (e.g., Name, Email, Message) to clearly indicate the type of information required.
2. Ensure accessibility by making sure the placeholder text is distinct enough for users with visual impairments, possibly by increasing contrast or making use of ARIA attributes.
3. Maintain consistency across other forms on the website, ensuring the design follows the same user-friendly guidelines.

By implementing these changes, the contact page will become more intuitive, guiding users through the form with ease and reducing potential barriers to form submission.

Preview

[github-actions]

Thank you for creating this issue! 🎉 @Ojas-Arora will look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTE.md for guidelines on contributing to this project.

[ak-0283]

Please review and assign it to me. @Ojas-Arora

[Ojas-Arora]

@ak-0283 Contact Page has been Redesigned . Once Pr is merged if there is need to change in this U can do so wait for that.

[github-actions]

Hello @ak-0283! 🎉

Your issue #86 - Improving Form Design with Clear Placeholder Text for Better Usability has been successfully closed.

We appreciate your valuable contribution and your help in improving the project. If you have any more ideas, questions, or issues, feel free to open a new issue or join the discussion in our community forum.

Stay awesome! 😊