Skip to content
Submitted 27 days ago

Responsive newsletter sign-up

sass/scss, accessibility
FR-UX-EN•210
@FR-UX-EN
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Linear-gradient for the button's background, form validation, regex classList: add, remove, toggle

Code

Please log in to post a comment

Log in

Community feedback

  • Thomas Hertog•885
    @thomashertog

    looks like a very clean solution! i saw you mentioned CSS custom properties but you're using the variables from Sass. beware there are some differences between those two approaches :-)

    some comments to further improve

    • removing the alt text from the icon images, they're purely decorative and therefor can be hidden for assistive tech
    • the alt text for the banner image can be improved as well. think of it as you would describe a page to a person who can't view the page (for whatever reason)
    • you may want to link the validation message to your input as well (can be done via aria-describedby
    Marked as helpful

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