Skip to content
Submitted almost 3 years ago

E-commerce Sneaker Website

Bram Mortier•260
@BramMortier
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

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
    @nehanandi09Posted almost 3 years ago

    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
    @BramMortierPosted almost 3 years ago

    @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

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