Design comparison
Solution retrospective
Feedbacks are welcome! : )
Community feedback
- @anoshaahmedPosted almost 3 years ago
hey good job on this challenge! your report above shows a few issues though:
-
wrap everything in your body in
<main>
OR use semantic tags! if you're usingdiv
right afterbody
, then give them arole=""
; however, it's a little frowned upon to userole
right after body, so try to stick with semantic tags instead. you can read more about landmarks here -
<section>
and<article>
usually need a heading; if you don't need a heading, use some other element such as<div>
-
use classes instead of id's, if you're going to use the same one more than once
here is a list i made of accessibility issues & best practices
hope this helps :))
Marked as helpful1 -
- @NaveenGumastePosted almost 3 years ago
Hay There ! Good Job on this challenge
These below mentioned tricks will help you remove any Accessibility Issues
-> Add Main tag after body like it should be your container
-> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc
-> But use header tag only once in main heading element.
Keep up the good work!
Marked as helpful0 - @dannyboi07Posted almost 3 years ago
When will you be back in stock? :p
1 - @RTX3070Posted almost 3 years ago
Hi Anosha thanks for the tips, I need to learn accessibility practices a bit better : )
1 - @kacperkwintaPosted almost 3 years ago
holy crap, 88 html issues! 😂
1
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