Preview card component using HTML & CSS
Design comparison
Community feedback
- @Nadine-GreenPosted almost 2 years ago
HEY MUHAMMAD!
I noticed that you have a few accessibility issues, I can help you fix some of them:
-
You will need to give the images an empty
alt
tag and then use the codearia-hidden="true"
inside theimg
tag, what this code does is tell screen readers that the image should be ignored as it serves no purpose other than being decorative. -
Instead of using a
div
for the<div class="attribution">
, you should consider using a more semantic element such as afooter
you can learn more about semantic elements here
HOPE I COULD BE OF HELP :)
HAPPY CODING!
Marked as helpful0@mohamedhesham221Posted almost 2 years ago@Nadine-Green Thank you for your helpful note
0@Nadine-GreenPosted almost 2 years ago@mohamedhesham221
Glad that I could be of help :)
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