Character Limit Oversight for Name Input

[gottschalktobias1998]

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.