Design comparison
SolutionDesign
Solution retrospective
Please guys cam I get help on how to add the pastel background image please, THANKS
Community feedback
- @ChamuMutezvaPosted over 2 years ago
Greetings yannmarc.
- For best practice, use only one h1 element on a page. Using more than one h1 element does not cause errors but is considered not beneficial to assistive technology users
- heading elements should follow a sequential order without skipping headings. An h1 should be followed by an h2 ,then an h2 can be followed by an h3 and so forth.
- input elements like type
email
should be associated with a label for accessibility, placeholder text is not a replacement for a label. - alt values should be descriptive for the benefit of assistive tech users. The alt value carries the message in the picture, if it is a decorative image use an empty alt value. Values such as
The second illustration
does not pass any meaning to the user. - id values should be unique, do not use an empty value on id's , rather leave out the id attribute.
- remove the commented code in the middle of your html, it is just making following your code difficult.
- a block element , eg
p
element cannot be a child of a span element. - the anchor elements in the footer should have readable text. An image is not considered text
Marked as helpful1 - @EmmanuelHexerPosted over 2 years ago
Good job overall. Though you need to view the report and fix the issues there.
Marked as helpful1 - @yannmarcPosted over 2 years ago
Thanks man for your reviews I highly appreciate your concern regarding my project. Hope I will upgrade my Semantic HTML code. This comment is worth a thank.
0
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