search

PlatformOfTrust / react-elements-of-trust

Other
1 stars 0 forks source link

PoT Color schemes #22

Closed Nazarah closed 5 years ago

Nazarah commented 5 years ago

Minimum Requirements

Primary Secondary Warning Danger Success Info

Validations

  1. Colors must have good accessibility properties for people with vision impairments.
Nazarah commented 5 years ago

1st draft of colors has been generated following Adobe Color's Colorwheel Properties

finalizing page of figma contains colors that are considered. Bootstrap classes of colors have been referenced while preparing the color swatches.

Nazarah commented 5 years ago

Accessibility Results on #7955 ff Background

This color blindness stimulator has been used.

Red-Weak/Protanomaly

Screenshot 2019-07-11 at 15 30 20

Green-Weak/Deuteranomaly

Screenshot 2019-07-11 at 15 33 24

Blue-Weak/Tritanomaly

Screenshot 2019-07-11 at 15 33 49

Red-Blind/Protanopia

Screenshot 2019-07-11 at 15 34 19

Green-Blind/Deuteranopia

Screenshot 2019-07-11 at 15 34 46

Blue-Blind/Tritanopia

Screenshot 2019-07-11 at 15 35 10

Monochromacy/Achromatopsia

Screenshot 2019-07-11 at 15 35 30

Blue Cone Monochromacy

Screenshot 2019-07-11 at 15 35 47
Nazarah commented 5 years ago

Accessibility Results on #FFFFFF background

No Lense

  1. Red-Weak/Protanomaly Screenshot 2019-07-16 at 12 51 42

2. Green-Weak/Deuteranomaly

Screenshot 2019-07-16 at 12 53 21

3. Blue-Weak/Tritanomaly

Screenshot 2019-07-16 at 12 54 09

4. Red-Blind/Protanopia

Screenshot 2019-07-16 at 12 54 54

5. Green-Blind/Deuteranopia

Screenshot 2019-07-16 at 13 07 08

6. Blue-Blind/Tritanopia

Screenshot 2019-07-16 at 13 08 46

7. Monochromacy/Achromatopsia

Screenshot 2019-07-16 at 13 09 21

8. Blue Cone Monochromacy

Screenshot 2019-07-16 at 13 10 09