@vanzasetia
Posted
Hi, HelalAbood! 👋
The alternative text for the logo should not be "LogoPic". It should be "Fylo". The reasons:
- Alternative text will be read by humans, so it should be in human-readable format, not like code.
- The alternative text should include the image's text. Reference: Checklist - The A11Y Project #for-images-containing-text-make-sure-the-alt-description-includes-the-images-text
The "Get Started" buttons should be submit buttons, not links.
Not every image needs alternative text. Decorative images should not have alternative text (alt=""
). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.
For your information, decorative images are images that don't add any information and serve only aesthetic purposes.
The <footer>
landmark should live outside the <main>
landmark.
I hope my suggestions help you. Happy coding! 😄
Marked as helpful
@HelalAbood
Posted
@vanzasetia Great advices, It was helpful for sure, Thank you bro <3
@vanzasetia
Posted
@HelalAbood
No problem! 👍