Base Apparel coming soon page #22
Design comparison
Solution retrospective
I am new to 'Regular Expressions' .
Do we have to write 'RegEx' ourselves ?
And please feel free to give me suggestions on how to improve accessibility and write cleaner & shorter code . Thank you, in advance. 😊
Community feedback
- @vanzasetiaPosted about 2 years ago
Hello there! 👋
Congratulations on finishing this challenge! 🎉
For me, I tried to find the Regular Expression on the internet first. Then, try improving the existing RegEx until it works the way I wanted. I recommend using RegExr to help you write your own RegEx or improve the existing RegEx. It can also be used to understand the RegEx that you get from the internet.
Some more suggestions from me.
- The alternative text for the logo should not be "logo". It should tell the name of the company.
- For the
media
attribute, I recommend choosing either to usemax-width
ormin-width
. If you choose to usemin-width
then only the desktop image needs themedia
attribute. - Input element must have a label. I recommend using
aria-label
to give a label to the input element. - The submit button needs a good label. Currently, the submit button is pronounced as "icon-arrow, button" by screen readers. So, I recommend changing the alternative text to something like "Sign Up" or "Join the wait list".
I recommend visiting the Solid Start website to give you an overview of web accessibility.
I hope this helps! Happy coding!
Marked as helpful1@DefinitelyObsessedPosted about 2 years agoThank you so much, @vanzasetia . :)
0@vanzasetiaPosted about 2 years ago@DefinitelyObsessed You are welcome! 👍
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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