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

react / styled-component / redux / yup

Jay• 695

@Junjiequan

Desktop design screenshot for the Audiophile e-commerce website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


No specific questions.

I will deal with HTML validation issues later. I am open to all feedbacks & criticisms, thanks.

Community feedback

P
tediko• 6,580

@tediko

Posted

Hello, Jay! 👋

Congrats on finishing GURU challenge! 🎉 Forgive me for speaking so late, but I had a few days off. Your solution is flawless! I really like the animations you added. They look very smooth and the whole UI is great.

  • I don't think you need aria-labels in your header navigation links. It seems to me that they're self-descriptive.
  • It is different with the cart button tho. I'd add aria-label to button and keep my image alt text empty. Also change this text to something more descriptive - 'cart icon image' doesn't speak much.

Good luck with that, have fun coding! 💪

Marked as helpful

2

Jay• 695

@Junjiequan

Posted

@tediko

Thx, Tediko.

I appreciate you point out the aria-label issues, I literrally abused aria-label attributes 😂. It reminds me that I suppose to add aria-control & aria-haspopup for modal as well to improve accessibility.

0
Kakasi Daniel• 130

@Kakasi-Daniel

Posted

Nice!

0

Jay• 695

@Junjiequan

Posted

@Kakasi-Daniel Thanks!

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