An accessible contact form

Please log in to post a comment
Log in with GitHubCommunity feedback
- P@EmLopezDev
Good job on completing the challenge, it looks good and I am able to submit a enquiry and also see any errors.
Some feedback:
- The
<aside>
tags aren't being used correctly. Aside tags are generally used to show content that is indirectly related to the main content and position a side from the main content. For your instances a<div>
should suffice. - Other than that I would say the look of the form is a little off from the mock ups. Some of the components are not properly spaced, sized, or even padded.
- Lastly as far as the error states go, a better user experience is once the user enters a valid input the error should go away and not wait until re-submitting. This will prevent the user from having to constantly re-submit to validate their entry. Also maybe add a height to the container where the errors show so that as the show and hide elements around it aren't moving.
Marked as helpful - The
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord