Skip to content
Submitted over 3 years ago

QR code component - CUBE CSS, custom properties

cube-css
Adam Wozniak•230
@adamwozhere
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • John Idenyi•250
    @JohnIdenyi

    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

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