Social Links Profile Card

Community feedback

• 

  Abdul Khaliq 🚀•72,580

  @0xabdulkhaliqPosted 5 months ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have a suggestion regarding your code that I believe will be of great interest to you.

  ---

  WRONG ALT 📸:

  • The alt text "Jessica Randall Avatar" is somewhat vague and not matches your actual solution. The whole page consists of yours information not Jessica's.

  ---

  • A more appropriate alt text would be, such as "Nico's profile picture for social media" or "Avatar representing Nico for social link." This would provide clearer information to users who rely on screen readers or encounter image loading issues.

  ---

  • The alt attribute should explain the purpose of the image, in our case the image is a portrait of yourself. So alt with your name itself is enough.

  ---

  • E.g. alt="Nico' Arifin"

  ---

  <img src="assets/images/avatar-me.jpg" alt="Nico Arifin">
  

  ---

  • Additionally, the color contrast for hover states is not at a good ratio. You need to use a much lighter variant of pink color. You can try this color "#ff5fa9". Having the right colors with good contrast ratio will helps you to improve UI, UX and Accessibility also!

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  1

  ---

  

  Nico Arifin•260

  @N1CoderPosted 5 months ago

  @0xabdulkhalid I forgot to change the alt text 🤣 Thanks for feedback about the color, that is really helpful!

  0