A test for Color. Please comment.

This is a start. Note this is not user facing, this is a test for authors
and accessibility authors.


This is a test for authors:

1.  Pick a set S1 of 3 random integers between 16 and 48

2.  Pick a set S2 of 3 random integers between 182 and 218

3.  From these sets choose 2 pairs as follows:

4.  Pair 1 = (c, b) where c = (c1, c2, c3) is chosen from the first set S1
and b = (b1, b2, b3) is chosen from the second set S2. (dark on light)

5.  Pair 2 = (c, b) where c = (c1, c2, c3) is chosen from the second set S2
and b = (b1, b2, b3) is chosen from the first set S1. (light on dark)

6.  Insert the following statement as the last element in the head element:

<style>

 body, body * {

color: rgb (c1, c2, c3);

background-color: rgb(b1, b2, b3);

}

*:hover, *:focus, mark {

color: rgb(b1,b2,b3);

background-color: rgb(c1,c2,c3)
<style>

7.  Reverse the roles of (c1, c2, c3) and (b1, b2, b3)

The test for accessibility auditors is the same. It can be done using the
same change in code inspectors.



Notes: One can start without !important to flesh out embedded style. Do it
with !important to see if this is overridden.


What to see:

Does any essential content disappear? That is a failure.

Do colors change?

Do some colors keep their original?


If original colors persist, remove background images.


Does any essential content disappear? That is a failure.

Do colors change?

Do some colors keep their original?


If in these steps any answer is no, the SC fails.