Responsive and accessible contact form SASS, Vanilla JS and EDA

Solution retrospective
I’m happy to have completed this form and made it as accessible as possible. This time, I utilized an event-driven architecture and the EventBus in a slightly different way to achieve appropriate form validation.
Next time, I plan to focus more on accessibility and work toward building components that are fully compatible with screen readers, ensuring everything is read out correctly.
Additionally, I intend to bring more organization to the styling—for example, refining utility classes like margin-bottom helpers and improving their naming conventions.
What challenges did you encounter, and how did you overcome them?One of the main challenges in this task was figuring out how to build an accessible component while navigating through all the ARIA-related documentation.
Another challenge along the way was customizing the showError function to display an error message for the two radio buttons. In this case, it was necessary to target their grandparent element instead of the immediate parent.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @NitiemaAllassane
Good job !
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