openmindculture
commented
2 years ago 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
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:
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+