Account Deleted
Hey there! 👋 Congratulations on completing the challenge successfully! 🎉
I have some feedback on your code that I believe will help you improve its accessibility and organization. In your HTML, there are accessibility errors due to the use of non-semantic markup. To fix this, I suggest using semantic markup like the <main> element instead of the non-semantic <div class="main">. This will not only improve accessibility but also make your code more organized.
You might be wondering what a landmark is? Well, landmarks are used to define major sections of your webpage instead of using generic elements like <div> or <span>. They help convey the structure of your page to users, making it easier for them to navigate through it. The <main> element, for example, should include all content directly related to the main idea of the page and there should only be one per page.
Additionally, your code lacks a level-one heading <h1>, which is important for accessibility. Every webpage should have at least one h1 element to identify and describe the main content of the page. It's a vital navigation point for users of assistive technologies and should be added to improve accessibility. You can also add a sr-only class to hide it from visual users while making it available to visually impaired users.
I hope you find this feedback helpful in improving your code! 😄 Your solution is great, and keep up the good work!
Marked as helpful