Submitted about 3 years ago
Responsive solution with vainilla CSS
@fvaldes0109
Design comparison
SolutionDesign
Solution retrospective
Any suggestion is welcome
Community feedback
- @kens-visualsPosted about 3 years ago
Hey @fvaldes0109 👋🏻
I have a quick tip to help you fix the accessibility issue
- In order to fix the accessibility issue, you need to replace
<h4>
with either<h2>
or<p>
, because headings in HTML have to decrease gradually, like,h1, h2, h3...
. Once you fix them, don't forget to generate a new report. - Also, I suggest adding
aria-hidden
to all the icons, like so,<img alt="" aria-hidden="true" src="./images/icon-team-builder.svg">
. You can read more about aria-hidden here.
I hope this was helpful 👨🏻💻 nice job on responsiveness, well done. Cheers 👾
Marked as helpful2 - In order to fix the accessibility issue, you need to replace
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