Examples needed: a toggle that shows a higher-contrast version of a site [closed]

Question

Can someone give me examples of a feature that toggles to a high-contrast version of the website?

I am only able to find 2 live website examples:

https://www.smashingmagazine.com/?source=post_page---------------------------

https://turbotax.intuit.com/

I am doing a toggle switch to increase the contrast on my e-commerce website but was not able to find many other e-commerce website doing so.

Can someone give me a reference to this color-contrast toggle which other websites are using?

I want a reference for those sites which actually uses this feature

Answer 1

Website References:

• https://www.choicehotels.com/
• https://www.dunkindonuts.com
• https://www.saudia.com/

I think this is part of WCAG 2.0 requirement to provide minimum contrast ratio guidelines. Success criterion 1.4.3 and 1.4.6 mentions providing a style switcher to high contrast for the users with visual impairments.

More info can be found here: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G174

Also this answer might help as well: Should websites provide high contrast or alternate schemes?

Answer 2

I do not have an example, but some thoughts about such a toggle:

• If you use a WCAG 2.0 conform contrast in the first place the toggle wouldn't be necessary. And there are more benefits in that: the readability of your site will be enhanced for all users.
• Having a toggle might make some user feel handicapped because they need to change the settings of the site to better access it. It is a better experience for does users just to be able to access the site anyway without having to manipulate it first.

So, my recommendation is, make your site accessible right away and not only on demand...

Answer 3

I saw this the other day that is super helpful. It has really nice combinations of colours with strong accessibility grades. http://clrs.cc/a11y/

I also use this tool: https://color.review/