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

Responsive Product Page with React & SCSS

@HSN-Studio

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, Thanks for checking out my solution. I'm open to any constructive criticism or suggestions you might have. Please let me know

  1. How do you like to responsiveness or the website?
  2. Is the webpage load time/performance fine or is it laggy or sluggish?

Community feedback

Adriano 34,090

@AdrianoEscarabote

Posted

Hi Ch. Hassan, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

Images must have alt text unless it is a decorative image, for any decorative image each IMG tag must have empty alt="" and add aria-hidden="true" attributes to make all the assistive technologies of the Web, as screen reader. Learn the differences between decorative/meaningless images vs important content.

The links must have an aria-label or sr-only text that tells where the link navigates the user. For example: Visit our Facebook. For images, you should set aria-hidden=” true” to be ignored by screen readers and to avoid redundancy and repetition.

The rest is great!

I hope it helps... 👍

Marked as helpful

0

@HSN-Studio

Posted

@AdrianoEscarabote Thank you for the feedback. You are right, I totally skipped on Alt & Accessibility tags. Will add them to the next projects for sure!

1
Adriano 34,090

@AdrianoEscarabote

Posted

@HSN-Studio 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