Enhancement 1: Improve Navigation Link Interaction
Problem: The "About," "Discourse," and "Contact" links do not provide visual feedback when hovered over, leading to a less interactive and engaging user experience.
Solution: Add hover effects to these links to change the text color or underline the text. This will provide users with immediate visual feedback and enhance the overall interactivity of the navigation menu.
Changes Implemented
Added CSS to change the text color or underline the text when the user hovers over the "About," "Discourse," and "Contact" links.
Ensured that the hover effect is smooth and consistent across all links for a uniform user experience.
Testing
Verified that the hover effects work as intended on all three links.
Checked that the hover effect is smooth and does not cause any layout shifts or visual inconsistencies.
Impact
This change will enhance the user experience by providing clear visual feedback when users interact with the navigation links, making the website more user-friendly and engaging.
Enhancement 2: Add Placeholder Text to Input Fields
Problem: The Email, Name, and Message input fields lack placeholder text, which can make it unclear to users what information is required in each field.
Solution: Add placeholder text to each input field to guide users on what to enter.
Changes Implemented
Added placeholder text to the Email field: "Enter your email".
Added placeholder text to the Name field: "Enter your name".
Added placeholder text to the Message field: "Enter your message".
Testing
Verified that the placeholder text appears correctly in each input field.
Ensured that the placeholder text disappears when the user starts typing and reappears if the field is cleared.
Impact
This change will improve the user experience by providing clear guidance on what information to enter in each input field, reducing user confusion and potential input errors.
Pull Request Description
Type of Pull Request
[ ] Bulk sentence upload
[x] Related to a listed issue
Issue number(s): [Provide the relevant issue number here]
[x] Other
This pull request adds hover effects to navigation links across the Common Voice website and placeholder text to input fields. The hover effects improve user interaction and provide visual feedback when users interact with navigation elements. The placeholder text guides users on what information to enter in the input fields, enhancing the overall user experience.
priyasirohi09
commented
1 week ago
Issue Description
Enhancement 1: Improve Navigation Link Interaction
Problem: The "About," "Discourse," and "Contact" links do not provide visual feedback when hovered over, leading to a less interactive and engaging user experience.
Solution: Add hover effects to these links to change the text color or underline the text. This will provide users with immediate visual feedback and enhance the overall interactivity of the navigation menu.
Changes Implemented
Testing
Impact
This change will enhance the user experience by providing clear visual feedback when users interact with the navigation links, making the website more user-friendly and engaging.
Enhancement 2: Add Placeholder Text to Input Fields
Problem: The Email, Name, and Message input fields lack placeholder text, which can make it unclear to users what information is required in each field.
Solution: Add placeholder text to each input field to guide users on what to enter.
Changes Implemented
Testing
Impact
This change will improve the user experience by providing clear guidance on what information to enter in each input field, reducing user confusion and potential input errors.
Pull Request Description
Type of Pull Request
Issue number(s): [Provide the relevant issue number here]
This pull request adds hover effects to navigation links across the Common Voice website and placeholder text to input fields. The hover effects improve user interaction and provide visual feedback when users interact with navigation elements. The placeholder text guides users on what information to enter in the input fields, enhancing the overall user experience.
Acknowledging Contributors
Jash Savaliya