@VCarames
Posted
Hey there! π Here are some suggestions to help improve your code:
- The
header
element should only be wrapping the "logo" and βnav`.
- The βalt tag` description in the "logo" needs to be improved upon. The description should state the company name.
- The Illustrations serve no other purpose than to be decorative; They add no value. Their Alt Tag should left blank and have an aria-hidden=βtrueβ to hides it from assistive technology.
- Your headings are being used incorrectly. When it comes to using headings, you are not allowed to skip heading levels. so "Stay productive, wherever you are", "Get early access today" are suppose
h2
headings.
- Your
email input
andbutton
needs to be wrapped inside aform
and have a visibly hiddenlabel
attached to it for improved accessibility.
More Info:π
- For the testimonial, it is best to to wrap the testimonial component in a
figure
element, the individualβs information should be wrapped in afigcaption
element and lastly, the testimonial itself should be wrapped in ablockquote
element.
Code:
<figure>
<blockquote></blockquote>
<figcaption></figcaption>
</figure>
More Info:π
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!ππ