Character Limit Oversight for Name Input #159
Description
Character Limit Oversight for Name Input
Description
While testing the application, I encountered a problem related to the input of names. Initially, it appeared to be a visual issue, but upon further inspection, I discovered a significant oversight.
Details
- There is currently no limit on the number of characters that can be inserted into the name field.
This can lead to: - The name input visually taking over the entire page.
- Users being unable to remove or change the name once it exceeds a certain length.
Screenshots
Solutions
- Input Validation: Implement real-time validation to provide users with immediate feedback if they exceed the character limit. This can be done by displaying a warning message or changing the input field's border color.
- Placeholder Text: Use placeholder text to indicate the maximum character limit (e.g., "Enter your name (max 50 characters)"). This will guide users on the expected input length.
- Truncation: If a user attempts to submit a name that exceeds the character limit, truncate the input to the maximum allowed length and notify the user that their input has been adjusted.
- Responsive Design: Ensure that the input field is responsive and adjusts its size based on the screen size, preventing overflow issues on smaller devices.
- Accessibility Considerations: Ensure that any character limit notifications are accessible to screen readers, so all users are informed of the restrictions.