@MelvinAguilar
Posted
Hello there π. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
- Do the icons add context to the page, or are they just for decoration? Use an empty alt attribute for decorative images. It indicates to screen readers that the image is not important and can be ignored, reducing unnecessary noise for users.
-
It is generally not recommended to use multiple <h1> tags on a single web page because the <h1> tag is used to mark the most important heading on a web page and it is considered the top-level heading in the document outline. It should be used only once on the page, typically for the title or main heading of the page.
You can read more about this here π.
-
Are the words
Great
and76
important enough to be a heading element? What is the content associated with those elements? This is the heading structure of your code:- Your Result (h1).
- 76 (h2).
- of 100. (h3).
- Great (h4)
- You scored higher than 65% of the people who have taken these tests. (h5)
- Great (h4)
- of 100. (h3).
- 76 (h2).
- Summary (h1).
Does this make sense? IIn my humble opinion, they are not headings elements, they can be perfectly paragraphs. You have even used five levels of nesting, in this challenge, there can be a maximum of two levels. You should better consider which elements are paragraphs and which are headers. You can read more about this issue here: Accessible heading structure
- Your Result (h1).
I hope you find it useful! π
Happy coding!