Add banner to top of techniques pages, tweak boxout content about techniques

[patrickhlauke]

As I constantly find myself having to explain to some folks that techniques are just informative (the amount of times I had to explain that even if a site doesn't use a particular documented technique, that's fine as long as the actual ask of the success criterion has been satisfied), this adds a standard boxout/disclaimer/note at the top of all techniques pages. This should catch folks who just "stumble" directly across a technique (from a search engine result or similar).

To go with it, this also expands the explanation given in the existing boxouts on the techniques index page and the about page.

Closes #1567
Closes #3469

Previews:

• the top of the techniques index page "Summary" boxout https://deploy-preview-5002--wcag2.netlify.app/techniques/
  • Diff from current index
• ditto at the top of the "About techniques" page https://deploy-preview-5002--wcag2.netlify.app/techniques/about
  • Diff from current About page
• random example of one of the positive techniques https://deploy-preview-5002--wcag2.netlify.app/techniques/aria/aria1
• random example of a failure technique https://deploy-preview-5002--wcag2.netlify.app/techniques/failures/f1

[netlify]

✅ Deploy Preview for wcag2 ready!

Name	Link
🔨 Latest commit	d98760f
🔍 Latest deploy log	https://app.netlify.com/projects/wcag2/deploys/69d276e33b95cb0008b3fda4
😎 Deploy Preview	https://deploy-preview-5002--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.

[patrickhlauke]

Happy to iterate on this further, but this is a first naive implementation to get a better feel/idea of how it could work/look. Keeping in mind that we (well, > I <) do want it to be quite prominent to catch exactly those folks who don't read things, jump to a technique, and make wrong assumptions about what the purpose of techniques is...

[yatil]

While my preference would be to not have techniques at all (but that is probably a ship that has sailed), a strong warning is a good compromise. I think one could bold “Techniques are examples”.

[alastc]

How about adding this to the bottom of the "About this Technique" box:
"Techniques are examples, they may go beyond the minimum requirement of the criterion, and there may be other ways of meeting the criterion."

[patrickhlauke]

Discussed in TF meeting. Will try to streamline the sentence and add it to the techniques' "About" box, as suggested, and to rework the addition in the "About techniques" boxout (move the extra prose further down in the page rather than in the boxout)

[patrickhlauke]

based on feedback from previous TF meeting, moved the shortened version of this to the "About this Technique" box.

Also added a conditional for failure techniques, to show the failure-related notice there for them

[patrickhlauke]

Based on feedback from the TF meeting, I also split up the big block of text I added to technique index and about into separate paragraphs