Design comparison
Community feedback
- @anoshaahmedPosted almost 3 years ago
To get rid of the accessibility/HTML issues shown in your Report:
- wrap everything in your body in
<main>
... OR use semantic tags ... OR giverole=""
to the direct children of your<body>
... Click here to read more - start your headings with
<h1>
, and move up by one level each time - add
alt=""
to your<img>
tags <li>
should be inside a <ul> or <ol>
Read your Report for more information.
Great job! :)
1@3okashaPosted almost 3 years ago@anoshaahmed Thanks for your feedback, Anosha.
Regarding the last note, <li> should be inside a <ul> or <ol>. I do nest all <li> tags inside an <ul> tag.
Not sure if the report is always the best evaluator. for example, I wrote an empty <img> tag without a src in order to fill its content on desktop dimensions but not mobile. So, if I wrote an alt for of "cube" it appear in mobile dimensions as a missing image with the "cube" word next to a small icon of img but I don't want that to happen.
0 - wrap everything in your body in
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