Total rewrite of example for SCR27

[joshuamaker8-create]

The example for SCR27 was broken. The code was out of date and unsupported by all browsers. According to Blame 2 years ago the example needed to be completely redone.

I did an example from scratch.

My example itself conforms to WCAG 2.2, in terms of contrast, visibility, etc.

My example is detail heavy, both in CSS and JS. This was necessary to make the example fully functional, not just a skeleton framework.

[netlify]

✅ Deploy Preview for wcag2 ready!

Name	Link
🔨 Latest commit	22693f2
🔍 Latest deploy log	https://app.netlify.com/projects/wcag2/deploys/68a31d735a25ef00082af468
😎 Deploy Preview	https://deploy-preview-4558--wcag2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[joshuamaker8-create]

My example is detail heavy, both in CSS and JS. This was necessary to make the example fully functional, not just a skeleton framework.
I have read the contributor guidelines now and will rewrite this example to conform to editing guidelines, making it simple and not intensive like it is currently. This current example that I have created will be turned into a working example, as that seems more appropriate now.

[fstrr]

This current example that I have created will be turned into a working example, as that seems more appropriate now.

If you could do that, that would be great—it'll be much easier to review it. Thanks :)