Design comparison
SolutionDesign
Community feedback
- @AgbortokoPosted over 1 year ago
- HTML5 elements such as
<main>
,<nav>
,<header>
,<footer>
,<section
>,<aside>
act as landmarks, or special regions on the page to which screen readers and other assistive technologies can jump. By using landmark elements, you can dramatically improve the navigation experience on your site for users of assistive technology (Users with disabilities) .
You can use the
<div>
for sub items within landmarks like<section>
. In other words for containers or sections in your html you can use the<section>
tag. In most cases as well you may have to put all your main site content in a landmark element<main>
I hope you find the above solution useful! 😄 Nevertheless, the solution you submitted is great! Happy coding!
Marked as helpful0@prabh234Posted over 1 year ago@Agbortoko thankyou i will keep it in mind next time
0 - HTML5 elements such as
- @22TheresecodesPosted over 1 year ago
Hello there 👋. Good job!
To clear the Accessibility report:
I'd advise you wrap the page's whole main content in the <main> tag. Happy coding!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord