Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile Card Component Challenge

@oliviaphyu

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback for my challenge?💗

Community feedback

Account Deleted

Hi there! ✌️

Congrats on completing this challenge!! 🎊🥳

I see that your solution is very good 💯, it has good html5 semantics 🧱, but its accessibility has a small bug 😥.

Let me explain, your alt text is not enough.

To fix this error, I recommend making sure that the image alt text provides a brief but equivalent alternative to the image's content and functionality. Screen readers and browser rendering inform users that the object is an image, so don't use the alt text:

  • Image of
  • Photo of

On the other hand, if the alt text is empty alt='' is fine if the image doesn't indicate anything or does not add value to the web page.

Your solution is very good, keep it up 🥳.

Happy coding! 👻

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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