Skip to content
Submitted over 2 years ago

QR code component - CUBE CSS, custom properties

Adam Wozniak•230
@adamwozhere
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I'm unsure as to the correct way of implementing accessibility for this project; whether a figure with figcaption may be better as a way of describing the purpose of the image to screen-readers -- advice would be appreciated!

Community feedback

  • John Idenyi•250
    @JohnIdenyiPosted over 2 years ago

    Hi, you did good for this challenge. You don't have an h1 element in your document that is why there is accessibility issue. Change the h2 to an h1 element. Every page must have an h1 element because screen readers make use of it to identify the main content to visually-impaired persons. It also helps in better optimization by search engines.

    Marked as helpful
    1
    Adam Wozniak•230
    @adamwozherePosted over 2 years ago

    @JohnIdenyi Thanks! I chose to use a h2 because I imagined it as a component that would be included in a main webpage which would then have a h1 inside it. Thanks for the explanation; I'll keep it in mind!

    0

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