@caarlosdamian
Posted
Congratulations on completing the challenge! 🎉 I have some recommendations for your code that I think you will find useful.
First, let's talk about HTML 🏷. Your solution currently generates accessibility error reports, the error message "Page should contain a level-one heading" is related to web accessibility guidelines. Specifically, it's related to the Web Content Accessibility Guidelines (WCAG), which are a set of guidelines designed to make web content more accessible to people with disabilities.
To fix this error, you should add an <h1>
element to your page and use it to provide a clear and descriptive main heading that summarizes the content of your page. This will not only improve the accessibility of your page, but it will also help all users to understand and navigate your content more easily.
I hope you find this helpful 😊 Your solution is great, and I wish you all the best in your coding journey!
Happy coding! 🚀
@StefanB993
Posted
@caarlosdamian Thanks for the reply! There is an h1 element, however it has display:none. If you check the page outline, you can clearly see how I structured it. Semantically it shouldn't really contain h1 element as it is more of a component than anything else.