Submitted over 2 years ago
Officelite coming soon site challenge with HTML, CSS and JavaScript
@AleksandarV91
Design comparison
SolutionDesign
Solution retrospective
Any feedback is more than welcome!
Community feedback
- @vanzasetiaPosted about 2 years ago
Hi!
Congratulations on finishing this challenge! π
Here are some suggestions for improvements.
- The alternative text for the logo should be the company name ("officelite").
- In general, alternative text for
img
element should not contain any words that are related to the word "image". The semantic meaning of theimg
element is good enough. - It is invalid HTML to have an anchor tag as a child element of the
button
element. Choose whether it is a link (for navigation) or a button (for action). - The
price
's headings should not be heading elements. They should be paragraph elements instead. Headings are used to giving structure to the page. Think of the headings as the title of the document. So,h1
is the main title,h2
is the sub-title, etc. - I recommend reading the "How-to: Accessible heading structure - The A11Y Project" article to learn how to use headings correctly.
I hope this helps! Happy coding! π
1
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