Skip to content
Submitted about 3 years ago

QR code component

accessibility
Zaid Ansari•100
@zaidansari42
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Redesigned it again to give it a better code quality.

Code

Please log in to post a comment

Log in

Community feedback

  • Deepak Parmar•490
    @deepak-parmar

    @zaidansari42, for best practice I suggest...

    • You should use figure/figcaption tag for the image and the paragraph, caption tag is specifically used for table.
    <figure>
      image
      h1
      <figcaption>
           p
      </figcaption>
</figure>

    This would improve accessibility and won't change the design. Hope this helps 👍

    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