40 likes | 192 Views
Colour swatches with WCAG 1 and 2 values. 2.9:1 119/408. 7.2:1 136/357. 3.4:1 133/503. 6.2:1 122/262. 5.6:1 91/387. 3.8:1 164/378. 7.3:1 142/455. 2.9:1 113/310. 5.7:1 134/510. 3.7:1 212/255. Key: Top number is WCAG 2: Minimum is ratio of 4.5:1
E N D
Colour swatches with WCAG 1 and 2 values 2.9:1 119/408 7.2:1 136/357 3.4:1 133/503 6.2:1 122/262 5.6:1 91/387 3.8:1 164/378 7.3:1 142/455 2.9:1 113/310 5.7:1 134/510 3.7:1 212/255 Key: Top number is WCAG 2: Minimum is ratio of 4.5:1 Bottom number is WCAG 1 (colour brightness/difference): Minimum score is 125/500
Colour swatches converted to greyscale and showing WCAG 1 and 2 values 3.5:1 119/357 5.9:1 136/408 4.3:1 133/399 4.9:1 122/366 6.8:1 164/492 3.1:1 91/273 3.3:1 113/399 6.4:1 142/426 3.6:1 120/360 5.8:1 134/405 Key: Top number is WCAG 2: Minimum is ratio of 4.5:1 Bottom number is WCAG 1 (colour brightness/difference): Minimum score is 125/500
Colour swatches as shown with Deuteranope (a form of red/green color deficit) simulation and with WCAG 1 and 2 values 2.4:1 100/407 8.7:1 155/358 3.8:1 131/460 5.5:1 124/305 2.8:1 103/323 7.4:1 152/442 3.1:1 110/284 6.8:1 145/481 3.2:1 119/284 6.5:1 136/481 Key: Top number is WCAG 2: Minimum is ratio of 4.5:1 Bottom number is WCAG 1 (colour brightness/difference): Minimum score is 125/500
Colour swatches as shown with Protanope (another form of red/green color deficit) simulation and with WCAG 1 and 2 values 3.4:1 124/444 6.1:1 131/321 3.3:1 123/460 6.4:1 132/305 5.2:1 146/419 4.0:1 109/346 2.8:1 102/266 7.4:1 153/499 4.0:1 146/357 5.3:1 109/408 Key: Top number is WCAG 2: Minimum is ratio of 4.5:1 Bottom number is WCAG 1 (colour brightness/difference): Minimum score is 125/500