QR code component

What are you most proud of, and what would you do differently next time?

I am proud of:

• Dark and light theme depending of the user operating system preference
• Print rules to remove colors and add contrast to the text
• Accessibility, The project has been tested with NVDA.

What challenges did you encounter, and how did you overcome them?

The challenge for me was the accessibility because a QR code is great unless you cannot see it.

My solution was to use NVDA and create an alternate version of the website removing the QR code for people who cannot see the image.

People who can see the image are invited to scan the code.

If the image fail to load, a link is placed on top of the image so people can go to the website.

The image has been placed at the last position so the screen reader experience is better.

What specific areas of your project would you like help with?

HTML tags.

I used a tag for the card, there is no main header or footer and i don't know if this is ok. I wanted to use a tag for the card but again i don't know if this is ok or not.