Submitted over 1 year ago

Project Tracking Intro Component

Mladen Antic•1,230

@MladenAntic

Preview site View code

This is a solution for...Project tracking intro component

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Community feedback

C H A R A N 🎯•2,670
@0xabdulPosted over 1 year ago
Hello Front end mentor , Member well congratulations on successfully completing the Project tracking intro component A Few lines of suggestions for improve your code and to clear the Accessibility reports

Solution 📌

IN HTML 📃 :

LANDMARK 🚀

The main landmark should be a top-level landmark. When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark. If a page includes more than one main landmark, each should have a unique label.

To Clear the Accessibility reports use the Semantic elements Or non - Semantic elements

Note This Elements are don't sikp

semantic elements : <aside> , <artical> , <main>, <header> ,<section><footer>, <form> ect..

non- semantic elements : <div> , <span> ect ...

for easy way to clear the Accessibility reports using non semantic elements Ex :

<body> <div class="container" role="main"> /html code goes here : 📃 </div> </body>

Or

using semantic elements

Ex :

<header> should be put heading or logo📸 </header> <nav> //Links here </nav> <main> Main of the contents 📃 </main> <footer> ©copy right here📍 </footer>

I Hope you find the solution and it's useful comment for you your Project tracking intro component project is Awesome Finnally Happy Coding Developer 😊
0

Please log in to post a comment

Join 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