Criztian Jade M Tuplano
@CriztiandevAll comments
- @juampi19Submitted over 1 year ago@CriztiandevPosted over 1 year ago
Hi! Juan Pablo Amigoπ, welcome to the frontend mentor, Congratulations ππ on completing the project! Your hard work and dedication have paid off. Well done!
However, there is a problem with your html code, since you have used semantic tags. I advise you to utilize semantic tags as much as possible, as this will benefit you in the long run. All page content should be contained by landmarks, as per the reports, which may be resolved by turning the div into a footer.
by following this structure is a good way to ensure that the content of your web page is well-organized and accessible.
<body> <header>This is the header</header> <nav>This is the nav</nav> <main>This is the main</main> <footer>This is the footer</footer> </body>The <header> element is used to contain information about the document, such as the title, logo, and other introductory content.
The <nav> element is used to contain navigation links for the site, helping users find the content they are looking for.
The <main> element is used to contain the main content of the document, excluding content that is repeated across multiple pages, such as headers and footers.
The <footer> element is used to contain information about the document, such as links to related documents, copyright information, and contact information.
By using these semantic elements, web developers can help ensure that the content on their pages is accessible and usable for all users, including those who rely on screen readers. Additionally, search engines can understand the structure of the page and display it appropriately in search results, making it easier for users to find the content they are looking for.
0 - @YanlDevSubmitted over 1 year ago
It is difficult to center the containers globally, I applied the suggestion I was given to give the html and body a height of 100% and then center everything with flex-box, I do not know if that is efficient for larger designs.
@CriztiandevPosted over 1 year agoHey π, the report notice that you havent put alt element to your image tag, I encourge you to always keep alt tag to the image for several reasons, first what is alt?
"alt", also known as alternative text or alt descriptions, is an HTML attribute that is used to describe the contents of an image in a web page. Including alt text in an <img> tag is important for several reasons:
-
Accessibility: Alt text provides a text description of an image for users who are visually impaired or use screen readers. This helps ensure that everyone has access to the information on your website, regardless of their ability to see the images.
-
SEO: Search engines cannot see images, but they can read the alt text. Including descriptive alt text can improve the visibility of your website in search engine results and make it easier for users to find your content.
-
Usability: If an image fails to load for any reason, the alt text will be displayed in its place. This helps ensure that users can still understand the context and content of the image, even if it is not displayed.
-
Improved User Experience: Alt text also helps to provide context for images and improve the overall user experience on your website. By describing the contents of an image, you can give users a better understanding of what the image represents and why it is important.
In summary, including alt text in your <img> tags is an important best practice for web development. It helps to make your website more accessible, improve search engine visibility, ensure that your content is still accessible if images fail to load, and improve the overall user experience.
Marked as helpful0 -