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

E-commerce Sneaker Website

Bram Mortier• 260

@BramMortier

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


So cool to finaly submit my first project. Really happy with the progress i've made over the past 6 months as a self thaugt developer. Looking forward to do a react project next. :)

Community feedback

Neha Nandi• 60

@nehanandi09

Posted

Hey Bram!

Great job with your first project! :D There are a few ways to avoid the accessibility issues that show up.

  1. For any html tag, make sure you use an id only once per tag. An id is supposed to be unique and repeating it for different elements can fail the validation test, instead of an id, you can use a class and repeat it for different tags. You can learn more about this on https://css-tricks.com/the-difference-between-id-and-class/.

  2. For heading tags, start from h1 and go from there. This can avoid confusion and is considered good code practice. You can read about it more on https://dequeuniversity.com/rules/axe/4.3/heading-order?application=axeAPI

Hope this helps! :)

Marked as helpful

0

Bram Mortier• 260

@BramMortier

Posted

@nehanandi09 thanks for the tips will definetly watch out for these things in the future

1

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