Color Contrast: Accessibility meets Art Direction => add Display Options Control

[openmindculture]

After optimizing headlines and markup, there are even more, probably false positive, color contrast warnings when linting the website using axe accessibility linter. Maybe related to pseudo content, transparency, gradients, background animations.

TODO:

• check if these are actual issues, and
• find a solution to satisfy both human readers and automated linting tools.

Expected behaviour: zero errors, zero warnings.

(Possible related issues deleted, as both have already been fixed.)
Not a false positive, but a very strict one: my site actually fails to ensure minimum color contrast defined by WCAG 2, which brings back an art direction vs. accessibility problem: https://dev.to/ingosteinke/how-to-provide-an-accessible-high-contrast-alternative-to-a-pastel-color-scheme-396g
https://stackoverflow.com/questions/72547565/how-to-provide-an-accessible-high-contrast-alternative-to-a-pastel-color-scheme+

[openmindculture]

As a pragmatic approach,

• the default color scheme should ensure a higher contrast,
• there should be alternative definitions using the original colors, in a media query for @media (prefers-contrast: less) like shown in https://codepen.io/openmindculture/pen/eYVPgoo
• and there should be an option to actively switch / toggle, as discussed an described in the answer to my StackOverflow question;
• possible combined with other display options (light/dark mode, stop/restart animation) in an expandable control item next to the language switcher at the end of the navigation menu

[openmindculture]

https://trello.com/c/aMVa9Qvs/79-issues-list-false-positive-color-contrast-warnings-in-axe-a111y

re-test after actually increasing contrast:
#154